css3入门(2):字体，文本属性，继承性

字体与文本属性

常用文本样式属性

color

• 十六进制表示法：#ffffff
• rgb（）表示法：rgb（255，0，0）
• rgba（）表示法 rgba（255，0，0，.65）
  从ie9开始兼容

font-size

• 字号

font-weight

• font-weight：normal
  等于400，正常粗细
• font-weight：bold
  等于700，加粗

font-style

• font-style：normal
  把倾斜的设为不倾斜
• font-style：italic
  设置倾斜

text-decoration

• text-decoration：none
  没有修饰线
• text-decoration：underline
  下划线
• text-decoration：line-through
  删除线

字体常用属性

font-family

• 
• 后面字体是前面的备选，一般中文在后
• 字体用""包裹
• 必须是用户电脑中安装好的字体
• 也可以是用户在打开网页的时候，自动下载字体文件

定义字体

• 阿里巴巴普惠体
  可以直接引用线上地址

段落和行相关属性

text-indent

• 首行文本缩进
• text-indext：2em；
• em表示字符

line-height

• 行高
• 有单位的话，单位是px
  line-height：30px；
• 没有单位表示字号的倍数
  line-height：1.5；

单行文本垂直居中

• 行高=盒子高
• 因为文字会在行高中剧中
• text-align：center；可以实现文本水平居中

font合写属性

• 可以作为font-style,font-weight,font-size,line-height,font-family,属性的合写

继承性

跟文本相关的属性都有继承性

color

font-开头

list-开头

text-开头

line-开头

因为文本继承性，所以会设置body标签的字号颜色行高等，这样当作整个网页的默认样式

在继承中，选择器权重失效，就近原则生效

• 继承的标签，不如选中的标签
• 谁离得近，谁就能影响