1、css字体
1.1 font-family
作用:设置文本的字体系列
语法:font-family:字体名称;
常用值:
微软雅黑 Microsoft YaHei
宋体 SimSun
黑体 HeiTi
楷体 KaiTi
1.2 font-size
作用:设置字体的大小
语法:font-size:值;
常用值:
长度值(通常是像素px)
百分比(相对于父元素计算)
em相对单位如果用于字号,相当于父元素字号计算,如果用于其它属性,相对于当前元素的字号大多数,浏览器的默认值字号:16px
1.3 font-style
作用:设置字体的大小
语法:font-style:值;
常用值:
normal默认值
italic斜体显示
1.4 font-weight
作用:设置字体粗细语法:
font-weight:值;
常用值:
normal默认值
bold加粗
100-900九级字重,400相当于normal,700相当于bold
注意:不是所有字体都内置了九级字重
1.5 line-height
作用:设置行高
语法:line-height:值;
特性:实现单行文本的垂直居中
测量:文字高+行间距
常用值
normal默认。设置合理的行间距。
px 设置固定的行间距。
number设置数字,此数值会与当前的字号相乘来设置行间距。
百分比:相对于font-size计算
1.6 font简写
作用:设置所有字体属性
语法:font: 字体风格 字体加粗 字号/行高 字体;
总结:只有当【字号和字体】同时存在简写才是有效的,简写属性可以精简代码
2、css文本
2.1 text-align
作用:设置文本的水平对齐方式
语法:text-align:值;
常用值
left居左对齐 [默认值]
right居右对齐
center居中对齐
justify两端对齐
注意:适用于块状元素
2.2 text-decoration
作用:设置文本装饰
语法:text-decoration:值;
常用值
none 默认。定义标准的文本。
underline 定义文本下的一条线 。
line-through 定义穿过文本的一条线。
overline 定义文本上的一条线。
2.3 text-indent
作用:设置文本块首行的缩进
语法:line-height:值;
常用值
默认值:0
长度值,px,em
百分比: 相对于元素内容宽进行计算
允许负值
2.4 color
作用:设置文字的颜色
语法:color:颜色值;
常用值
颜色的常用表式方法
如red、blue等
十六进制颜色表示方法
语法:如#ff0000
rgb颜色表示方法、
语法:rgb(255,0,0)
说明:rgb(r,g,b) r,g,b取值范围为0-255
3、文本属性继承性
简单渗透:字体文本属性大多具有继承性。
可继承的属性
font-size
font-family
font-style
font-weight
font line-height
text-align
text-indent color
不可继承 text-decoration(穿透性)