2021-05-19

伪类选择器—：
伪元素选择器（伪对象选择器）----::
1.：before-----在元素的最前面添加内容，必须结合的属性content属性
通过content属性，我们可以添加文字或图片
添加文字：content：“”
添加图片：content：url（图片地址）

2.：after----在元素的最后面添加内容，必须结合的属性content属性
通过content属性，我们可以添加文字或图片
添加文字：content：“”
添加图片：content：url（图片地址）

3.：first-letter—设置 元素第一个字符的样式（ 第一个字母或文字，包含：before添加的内容）

4、 ：first-line-----设置元素第一行的样式

：first-letter和：first-line只能用于块元素

min-width：最小宽----宽度最小值
应用场景：
页面优化，body{min-width：版心宽；max-width：最大宽}

min-height：最小高----高度最小值，当内容增多，盒子就会被撑开
max-height：最大高—高度最大值，当内容增多超过最大高时，盒子会有溢出
应用场景：详情页面，评论页面等

min-height兼容性：
属性过滤器：
下划线属性过滤器：语法-----_属性名：属性值 兼容<=ie6
*属性过滤器：语法------*属性名：属性值 兼容<=ie7
+属性过滤器：语法-----+属性名：属性值 兼容<=ie7

属性值过滤器：
\9---------语法-----属性名:属性值\9 ie9以下
\0---------语法-----属性名:属性值\0 ie8以上

特例：
min-height：200px----谷歌等高版本浏览器支持
（_height:200px)-----ie6及以下低版本浏览器支持
height:200px\0------ie8及以上低版本浏览器支持

！important过滤器----语法----属性名：属性值！important
最小高兼容写法
min-height：200px;------谷歌等高版本浏览器执行，ie低版本不执行
height:200px;------谷歌等高版本浏览器执行，ie低版本也执行
height:auto!important-----谷歌等高版本浏览器执行，ie低版本不执行

宽高自适应：元素大小是和浏览器窗口或内容有关
宽度自适应：
width：auto；

高度自适应：
height：auto；

使用场景：宽高自适应网站