阴影与清除浮动
一、阴影
1、文字阴影
（1）格式：
text-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 阴影颜色；
（2） 大致步骤
① 在一个盒子里写入一段文字
代码：
②设置div属性
代码：
③在text-shadow中设置数值
代码：（在②中已显示）
结果：
额外小tips：
颜色不用记，可以先写一个rgb函数，通过Alt+鼠标左键调节颜色，复制即可
2、盒子阴影
（1）格式：
box-shadow:水平阴影（允许负值） 垂直阴影（允许负值） 模糊距离 阴影尺寸 阴影颜色 将外部阴影改为内部阴影；
（2） 大致步骤
①创建盒子
②设置盒子属性
③设置border-shadow的值，其中默认为外阴影（outset）不写，内阴影为inset（在②中已显示）
二、浮动
（1）after伪元素清除浮动
代码：（可直接复制，若无法使用，将图中代码敲出）
.clearfix:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* 照顾低版本浏览器 */
.clearfix {
*zoom: 1;
}
图片：
（2）overflow：hidden；清除浮动（可直接复制，若无法使用，将图中代码敲出）
代码：直接在其所需处添加即可
overflow：hidden；
图片：
（3）双伪元素清除浮动
代码：（可直接复制，若无法使用，将图中代码敲出）
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
图片：
