HTML5+CSS基础知识点总结2

二、CSS 引用方式
CSS 样式表可以分为三大类：

行内样式表（行内式）
内部样式表（嵌入式）
外部样式表（链接式）
复合选择器
后代选择器
子选择器
并集选择器
伪类选择器
伪类选择器
链接类：

确保样式生效，要按照 LVHA 的顺序声明：link,visited,hover, active。

focus选择器

:focus 伪类选择器用于获取焦点的表单元素。 焦点就是光标，一般情况 `` 类表单元素才能获取，因此这个选择器也主要针对表单元素来说。

其他标准伪类选择器

1.first-child

:first-child 是 CSS 伪类，表示父元素的第一个子元素。

last-child

:last-child CSS 伪类 代表父元素的最后一个子元素。

nth-child(n)

:not(p)
:not() 用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。

:after (:after)
CSS 伪元素 ::after 用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合 content 属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。
 

我们几乎可以用想要的任何方法给 content 属性里的文字和图片的加上样式.

::before (:before)
CSS 中，::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。 使用 ::before 伪元素的一个简单示例就是用于加入引号。