CSS字体属性
fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。
1.字体系列:使用font-family属性定义文本的字体系列。
常见字体:body { font-family:' Microsoft YaHei ',tahoma,arial,' Hiragino Sans GB ';}
2.字体大小:使用font-size属性定义字体大小。
(px像素大小市我们网页最常用的单位,谷歌默认的文字大小为16px,标题标签是特殊的,需要单独指定文字大小)
3.字体粗细:使用font-weight属性定义字体的粗细。(属性值为数字时,不需要加px)
属性值 | 描述 |
---|---|
normal | 默认值(不加粗) |
bold | 定义粗体(加粗) |
100-900(常用) | 400等同于normal,700等同于bold,不需要加px |
4.文字样式:使用font-style属性设置文本的风格。
平时很少给文字加斜体,反而要给斜体标签(em,i)改为不倾斜字体。
属性值 | 作用 |
---|---|
normal | 默认值,游览器会显示标准的字体样式 font-style:normal; |
italic | 游览器会显示斜体的字体样式 |
5.字体复合属性:(不可随意颠倒顺序)
不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family,否则font不起作用
body { font:font-style font-weight font-size/line-height font-family;}
div { font:italic 700 16px 'microsoft yahei' ; }