1.过滤器：
下划线属性过滤器
语法：选择符{_属性：属性值；}
支持情况：ie6及以下版本浏览器能识别
关键字属性过滤器 !important
语法：选择符{属性：属性值!impottant;}
支持情况：ie6及以下版本浏览器不能识别
说明：在高版本浏览器中，如果一个选择符中的写了多个同样的样式，具有关键字过滤器的样式优先级别高
*号属性过利器
语法：选择符{*属性：属性值；}
支持情况：ie7/ie6及以下版本浏览器能识别
2.设置最小（最大）高度和宽度
min-height 最小高度（IE低版本浏览器不支持） 设置一个元素的高度的最小值，当内容大于高度是，高度会被撑开，当内容没有达到最小高度值时，高度就是设定的最小高度 使用偏高
height在IE低版本浏览器中就具有最小高度min-height的作用
max-height 最大高度 设置一个元素的高度的最大值，当内容大于高度时，内容将会溢出
min-width 最小宽度 设置一个元素的宽度最小值 针对块元素无效果，因为块元素默认是由宽度的 可以将元素类型设置为行内块使用
max-width 最大宽度 设置一个元素的宽度最大值 针对块元素相当于书写width的效果， 可以将元素类型设置为行内块使用
3.清除浮动的方法
（父元素没有设置高度，并且子元素有浮动则会出现高度塌陷）
0.给父元素书写固定高度
1.给浮动元素的父元素添加overflow：hidden;
2.在浮动元素的后面添加一个块级元素，给他说些行内样式 clear:both;
3.万能清除法
*/
/*万能清除浮动法*/
.clear:after{content: ".";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
#box{width: 600px;background: green;}
#box p{width: 100px;height: 100px;float: left;}
#box p.p1{background: red;}
#box p.p2{background: blue;}
#box p.p3{background: pink;}
#box p.p4{background: yellow;}
#box p.p5{background: orange;}
/*#box:after{content: ".";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}*/
</style>
</head>
<body>
<div id="box" class="clear">
<p class="p1">11</p>
<p class="p2">12</p>
<p class="p3">12</p>
<p class="p4">14</p>
<p class="p5">15</p>
4.伪类选择符：
选择符:after{content:"";} 在被选元素的内容后面添加内容 内容添加上content属性的属性值，需要双引号包含
选择符:before{content:"";} 在被选元素的内容前面添加内容 内容添加上content属性的属性值，需要双引号包含
content属性是这两伪元素选择符的必须属性
添加的内容可以理解是添加了一个行内元素，可以改变元素类型，和正常可以写给元素的属性
选择符:first-letter{属性：属性值;} 设置被选元素中第一个字符，给其添加样式
选择符:first-line{属性：属性值;} 设置被选元素中第一行的字符，给其添加样式
选择符::selection{color:属性值;background:属性值;}
定义当被鼠标选中时文本的样式，只接受定义color和background-color
5.元素高度自适应窗口高度
html{height:100%;}
body{height:100%;}
主要是应用在只有一个显示屏幕的效果
339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
