3 伪类选择器、选择器的权重、文本的样式

1.1  伪类选择器

• 标志：一个冒号

• :link===>链接未访问===》需要配合超链接使用

• :visited===>链接已经访问===》需要配合超链接使用

• :hover====>鼠标悬停===》可以用在任何的标签身上

• :active===>鼠标按下===》可以用在任何的标签身上

1.2  选择器的权重

• 通配符：0

• 标签：1

• class类（伪类）：10

• id选择器：100

• 行内样式表：1000

• 在某一个样式语句的后面写!important，这句话的权重是最高的

• 包含选择器：用到的选择器相加之和

• 群组：保持各自本身

目录

1.1  伪类选择器

1.2  选择器的权重

1.3  文本的样式

---

• 1.文本的颜色：color

• 2.文本大小：font-size 默认大小16px，最小12px，有些浏览器是10px

• 3.粗细：font-weight

  • 单词写法

    • lighter：变细

    • normal：正常

    • bold：加粗

    • bolder：更粗

  • 数值写法

    • 100：变细

    • 400：正常

    • 600：加粗，一般写700

• 4.倾斜：font-style

  • normal：正常

  • italic：倾斜

  • oblique：更倾斜

• 5.修饰线：text-decoration

  • underline：下划线

  • overline：上划线

  • line-through：中划线、删除线、贯穿线

  • none：没有线

• 6.字体：font-family

  • 可以依次写多个字体，逗号隔开 从左到右依次查看，能用就用，一个都不能用就默认字体 谷歌默认是微软雅黑，其他可能是宋体

• 7.首行缩进：text-indent

  • 想缩进几个字就写几em

  • em是相对于当前元素的字体大小而言的 1em就等于font-size的取值

• 8.字间距：letter-spacing

• 9.词间距：word-spacing

• 10.大小写转换：text-tranform

  • uppercase：大写

  • lowercase：小写

  • capitalize：首字母大写

• 11：水平对齐：text-align

  • left：左对齐

  • right：右对齐

  • center：居中对齐

  • justify：2端对齐，文字必须多，要撑满一行

• 12.垂直对齐：line-height

  • line-height本意是行高的意思，也就是行与行的间距

  • 文字是长在行高里面的，并且在行高的中间

  • line-height有2个作用

    • 1.调整行间距

    • 2.调整垂直对齐

      • 行高的取值和高度一致：居中

      • 行高比高度大：偏下

      • 行高比高度小：偏上