字体属性
属性 | 表示 | 需要注意的点 |
font-size | 字号 | 通常单位是px,一定要记得带上单位 |
font-family | 字体 | 实际过程中按要求改字体 |
font-weight | 字体粗细 | 加粗:700/bold,不加粗:400/normal,属性值为100-900,不要跟单位 |
font-style | 字体样式 | 倾斜:italic,不倾斜:normal,通常用normal |
font | 字体连写 | 1.连写有顺序,不能随便变更 2.字体与字号一定要同时出现 |
“font-family” 使用注意事项
1.多个字体之间要用逗号隔开
2.字体如果是多个单词用空格隔开的字体,那么要加上“ ”
3.尽量使用浏览器默认的字体,保证用户在任何浏览器上都能正确显示
4.最常见的字体 body {font-family:“Microsoft YaHei”,tohoma,arial,“hiragino Sans GB”;}
"font-size"使用注意事项
1.谷歌浏览器默认16px大小
2.不同浏览器默认大小不太一样,所以我们尽量给一个明确的值,不要默认
3.给body,可以调整页面里所有的字体大小
复合“font”写法的注意事项
顺序不能颠倒,顺序为:
body {font:font-style font-weight font-size/line-height font-family};
红色的属性是必须得有的,不然font将不起作用,其他以空格隔开
文本属性
属性 | 表示 | 需要注意的点 |
color | 文本颜色 | 通常用16进制,查表或者自己用调色板吧 |
text-align | 文本对齐 | 设定文字水平对齐的方式 (left默认左对齐,right右对齐,align居中) |
text-indent | 文本缩进 | 通常用于文段头缩进两字的距离 text-indent:2em; |
text-decoration | 文本修饰 | 添加下划线:underline 删除下划线:none |
line-height | 行高 | 控制行与行之间的距离 |