阴影与清除浮动

box-shadow:盒子阴影

• 在水平轴上的偏移距离(必须填的)
• 在垂直轴上的偏移距离(必须填的)
• 阴影的模糊距离
• 阴影的尺寸，（增大的尺寸）
• 阴影的颜色
• inset 内置阴影

1

box-shadow:10px 10px 10px 10px red inset;

text-shadow:文字阴影

• 在水平轴上的偏移距离(必须填的)
• 在垂直轴上的偏移距离(必须填的)
• 阴影的模糊距离
• 阴影的颜色

1

text-shadow:10px 10px 10px 10px purple;

清除浮动

• 1.给父级设置高度
• 2.父级设置overflow:hidden;
• 3.在浮动元素的后面写一个空的块级元素<div style="clear:both;"></div>
• 4.使用伪类清浮动，效果跟2.的一样
• 5.最重要的是要注意html的解析顺序，浮动元素与不浮动元素的顺序，效果不同，何时回到文档流很重要。

1
2
3
4
5
6

div:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}