标签:统一 大写 英文单词 透明度 获取 dash one 宽度 tran
属性:font-size
文字的单位:px :像素
pt:磅,一般用在印刷领域
em:相对大小,相对于父元素的字体大小。
em的应用:由于em的字体大小是相对于父元素而言的,所以em可以用来设置首行缩进等,在父元素大小进行改变时,段落仍然缩进2个字符。
说明:1、浏览器默认的文字大小是 16px;
2、文字的大小一般设置为偶数,且尽量不要小于 12px;
3、当我们在设计图上获取文字大小时,直接量取文字的行高;
属性:color:;
属性值:1、颜色的英文单词:red、pink、yellow....
2、十六进制颜色值:
#三位或者六位十六进制数值
3、rgb(数字,数字,数字)
数字大小在 0~255 之间
4、rgba(数字,数字,数字,数字)
最后一位数字代表透明度,值在 0~1 之间
属性:font-weight:;
属性值:bold 加粗
bolder 更加粗(系统显示的不明显)
normal 恢复常规文本
属性:font-family:;
属性值:填写字体名称
注意:1、为了统一文字间的差异,系统默认字体为 微软雅黑;英文默认字体:Arial.
2、多个属性值的时候用逗号隔开
3、系统能支持的字体:web安全字体。
4、font-family属性值是中文时需要放在引号里,英文字体是多个单词时也需要放在引号里。一个英文字体单词就不需要放在引号里。
属性:font-style:;
属性值:normal 恢复常规文本
属性:line-height :;
说明:1、在设计图上获取行高(第一行的顶端到第二行的顶端);
属性:text-align:;
属性值:left
center
right
justify 两端对齐
属性:text-decoration:;
属性值:none 去掉下划线
underline 下划线
overline 上划线
line-through 删除线
属性:text-indent:;
说明:text-indent能接受负值(悬挂缩进)
属性:text-transform:;
属性值:capitalize 每个单词的首字母大写
Uppercase 全部大写
属性:list-style-type:;
属性:list-style-image:;
属性值:url()
属性:list-style-position:;
inside
list-style:none;
属性:background-color
属性值:颜色的表示同字体颜色的几种表示
属性:background-image
属性值:url(‘图片的路径‘)
说明:1、背景图是不占据空间的,跟随容器大小发生变化。
属性:background-repeat:
属性:background-position:
background:背景颜色 url(背景图路径) no-repeat center;
说明:顺序无要求。
属性:border-width:
属性:border-color:
属性:border-style:
属性值:solid 实线
dashed 虚线
dotted 点状线
double 双线
border:边框宽度 边框风格 边框颜色;
注意:可单独设置一方向边框:
border-bottom:;底边框
border-left:;左边框
border-right:;右边框
border-top:;上边框
标签:统一 大写 英文单词 透明度 获取 dash one 宽度 tran
原文地址:https://www.cnblogs.com/LittleShy/p/12484824.html