一、字体属性
1.字体大小
关键字:font-size
例:
body {
font-size: 16px;
}
标题标签比较特殊,需要单独指定文字大小。
h2 {
font-size: 16px;
}
2.字体粗细
关键字:font-weight
例子:
p {
font-weignt: bold
}
属性值:
normal 默认值(不加粗)
bold 定义粗细(加粗的)
100-900 400=normal 700=bold (数字后面不加单位)
实际开发中,提倡使用数字。
3.文字样式
关键字:font-style
normal : 默认值
italic : 表示斜体字样式
*实际开发中很少用斜体字,反而需要给斜体字标签(em , i) 改为不倾斜。
4.文字字体
关键字:font-family
例:font-family: 'Microsoft yahei'
进入公司后,会有指定的字体样式。
<复合属性>
是一种简写方式,节约代码。
font: font-size font-weight font-style font-family
font: 26px 700 italic 'Microsoft yahei'
**必须要有size和family俩项,没有则不能使用符合属性。
二.文本属性
1.对齐文本
关键字:text-align
left(默认) right center
例:
div {
text-aline: center;
}
2.修饰文本
关键字:text-decoration
none 默认,无(最常用)
underline 下划线(常用)
overline 上划线(几乎不用)
line-through 删除线(不常用)
3.缩进文本
关键字:text-indent
例: text-indent:20px;
text-indent:2em;
用2em,则是缩进当前元素2个文字大小距离。
注:em是一个相对单位就是当前元素(font-size)的一个文字的大小,如果没有设置大小,则按照父元素的1个文字大小。