盒子阴影和文字阴影,圆角边框,浮动,清除浮动

盒子边角的操作
盒子阴影和文字阴影
box-shadow 水平,垂直,阴影的模糊度,阴影颜色,inset
text-shadow 水平,垂直方向,模糊度,颜色
圆角边框 border-radius
为什么用浮动
多个有高宽的盒子在一排显示
没有间隙,不受到多行文本对齐的问题
左右好控制
浮动的特点
浮:浮起来,脱标
漏:不占位置
特:与行内块特点类似,能设置高宽,一行显示,没有间隙
float:left/right
使用浮动注意事项:
浮动一定要搭配标准流父盒子
兄弟之间,有一个浮动,其余都要浮动
浮动的影响
产生原因
子盒子都浮动了,不占位置
父盒子不能给高度
页面布局混乱
清除浮动的影响
额外标签法
在子元素最后面加一个块级标签
设置clear:both;
overflow:hidden 会把溢出的内容截掉
after伪元素

.clearfix::after{
	content:"";
	height:0;
	display: block;
	visibility: hidden;
	clear:both;
}
.clearfix{
	*zoom:1;
}

双伪元素

.clearfix::before, .clearfix::after{
	content:"";
	display:table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}