字体最好的顺序:风格,粗细,大小,类型
font-weight中bold和bolder功能一样,但是具有语义化特征 ;(同理,span标签可以不设置样式,但是为了突出重点便于seo,更好的抓住信息)
font-family:如果看得懂times,就不使用下面的字体,如果以下字体都看不懂,则使用浏览器默认文本;tips:字体样式的名称的引号可以省略
font-size中em是根据根元素的大小变换的,2em=父元素像素*2,em一般用来适配移动端的机型,一般用rem,根据根元素html大小,计算方法和em相同;
.example{
font-style: italic;
font-weight:bold;
font-family: 'Times New Roman', Times, serif,宋体;
font-size: 2em;
}
color:16进制的颜色代码:红,绿,蓝
rgb()为10进制,三位的属性为0~255
rgba()中,a为透明度,0为全透明,1为不透明
text-align:justify两端对齐(指针对文字);left;right;center
text-indent: 首行缩进
line-height:行高,一般要设置的比字号大,不然会挤,想要垂直居中,可以把行高设置为和边框一样高
text-decoration:none;(无修饰)/underline(下划线)/overline(上划线)/line-through(删除线)
vertical-align:行内元素或表单元素的垂直对齐方式
baseline:与元素的基线与父元素的基线对齐
super:与父元素的上标基线对齐 / sub:与父元素的下标基线对齐
text-top:与父元素的文字顶部对齐 / text-bottom:与父元素的文字底部对齐
top:与行的顶部对齐 / bottom:与行的底部对齐