margin: 10px auto; // 默认居中, 第一个参数表示上下边距，第二个参数 上下边距
margin:10px;四个方向相同
margin：value(上下 )value(左右)
margin： value上 value左右 value下
margin：value上 value右 value下value左
border: 3px solid black; //solid实线 dashed虚线 边框的宽，实线/虚线，颜色
字体居中下小技巧 height=10px;line-height=10px; 保证字体居中显示：
ont-family: 微软雅黑;//设置字体
Text-decoration：none；//文字修饰无，把超链接的下划线去掉
Text-decoration：underline//加下划线
Text-decoration:overline; //上划线
Text-decoration:line-through; //中划线
Text-decoration:blink; //闪烁
color: green;
color: red !important;//!important优先级最高的
伪类选择器：
连接伪类：link //未被访问过的超链接
visited//已经访问过的连接
动态伪类
hover //鼠标悬停在HTML连接上
active //用于元素被激活
focus// 元素获取焦点 （鼠标悬停在元素上）
p:first-letter//p标签里面的第一个 元素（还有很多元素）
阴影box-shadow：相关参数
第一个参数 水平阴影的位置
第二个参数 垂直阴影位置、
第三个参数 模糊距离
第四个参数 阴影的颜色
第五个参数 将外部阴影（outset）改为内部阴影（insert）
box-shadow :10px 10px 30px 10px black ;
box-shadow :10px 10px 30px ; //上，左右，下
图像边框：不同的浏览器在使用时，需要加上浏览器名称
-webkit-border-image:url(biankuang.jpg) 27 round;//roundw围绕
-moz-border-image:url(biankuang.jpg) 27 repeat;//repeat平铺
-o-border-image:url(biankuang.jpg) 27 round;
outline :轮廓
outline: 3px dashed green ;//第一个参数边框宽度，样式 颜色
outline: 0px ;//轮廓没有
box-shadow :10px 10px ;//上下，左右
box-shadow :10px 10px red; //上下，左右，红色
代码如下：htm
css样式：
我也很无语我自己，这么简单的界面竟然要这么多代码。加油啊，水平太low了。