响应式布局

主要是兼容手机版网页，当宽度变化时页面布局发生变化

media screen and (max-width:500px){    元素样式}media screen and (min-width:200px){    元素样式}当元素复制代码

前者为当小于500px时，样式为声明的，后者为当大于200px时，样式声明的。

    还可以通过定义多大的手机浏览器宽度的初始包含块来渲染页面复制代码

伪类

• 伪类元素 ::before/::after/::section(鼠标选中文字的渲染)/::first-letter/::first-line.
• 伪类选择器 :target(选中id值为当前页面网后面为这个id值的时候),:empty()选中元素为空内容,:not()不为这个选择器的时候，只能为单一的选择器