css文字样式
css文字样式属性:
字体:font-family
文字大小:font-size
文字颜色:color
文字粗细:font-weight
文字样式:font-style
font-family字体属性
定义元素内文字以什么字体来显示
语法:
font-family:字体1,字体2,...
说明:
含空格字体名和中文,用英文引号("")括起
多个字体,用英文逗号","隔开
引号嵌套,外使用双引号,内使用单引号
font-family字体属性
font-family属性值:具体字体名,字体集
字体集:
Serif
Sans-serif
Monospace
Cursive
Fantasy
Serif和Sans-serif区别
Serif是衬线体
Sans-serif是非衬线体
font-siza字体大小
color文字颜色
定义元素内文字颜色
语法:color:颜色名|十六进制|rgb;
font-weight文字粗细
为元素内文字设置粗细
语法:
font-weight:normal|bold|bolder|lighter|100-900
说明:
默认值:normal
400等同于normal,而700等同于bold
font-style文字样式
为元素内字体设置样式
语法:font-style:normal|itatic|oblique
font-variant字体变形
设置元素中文本为小型大写字母
语法:
font-variant:normal|small-caps
font属性(简写)
语法:
font:font-style font-variant font-weight font-size/line-height font-family
说明:值之间空格隔开
注意书写顺序
css文本样式
text-align
设置元素内文本的水平对齐方式
语法:text-align:left|right|center|justify
注:该属性对块级元素设置有效
line-height属性
设置元素中文本行高
语法:
line-height:长度值|百分比
说明:一行文字的高度。
行高指文本行的基线间的距离