学习前端第七天

CSS

一、选择器优先级

权重：标签选择器1，类选择器10，id选择器100

内联样式>id选择器>类选择器=属性选择器=伪类选择器>标签选择器=伪元素选择器

多个选择器组和的权重为单个单个选择器优先级权重值的和

！important覆盖一切声明

二、字体属性

1、font-family：为选中的元素设置字体

   （serif 有额外装饰；sans-serif 无额外装饰；monospace 字符等宽）

2、font-size：设置字体大小

     smaller/larger相比于父元素；small/large相比于默认元素

     常用：“rem”相比于用户字体默认大小；px：绝对像素单位

3、font-weight：设置字体粗细

      200；400；700

      bolder/lighter都是相比于父元素

4、line-height：设置多行元素的空间量

      normal 默认。 桌面浏览器约为 1.2。

      number 数字乘以该元素的字体大小，推荐方法

5、content内容生成

      在::before和::after所代表的伪元素中插入内容

      “”  插入文本；

       url（）插入一个外部资源；

       attr(X) 将元素的X属性以字符串形式返回

6、@font-face 自定义字体

     @font-face { font-family=字体名称；

      src：字体路径；}

      引用： div{ font-family=字体名称；  }