Style内部样式和外部样式，遵循就近原则。
选择器
2、class选择器：选择class一致的标签 .类名{}
3、id选择器:全局唯一 #id名{}
选择父类第一个元素thon-of-type（1）
优先级ID>class>普通标签
圆角边框
borber-radius{} 一个值代表四边值一样 两个右上 左上角
盒子阴影
box-shadow：{ 四边的大小 颜色}
margin 0 auto;居中前提 要求外面是个固定的块元素
图片加上 display:block（块元素）; text-align : center;
display：inline -block 行内块元素 （不可以调整方向）
float:方向 浮动 （容易出现边框塌陷）
父级边框塌陷解决方法
claer:both 清除两侧浮动
overflow ：hidden 隐藏超出的部分 ； overflow：scroll;添加滚动条（下拉场景避免使用）
after 添加一个伪类；类名：after{ display:block；claer:both}推荐使用
定位
相对定位
position：relative 相对定位 (上下左右) top:20px距离上边相差二十
绝对定位
默认相对于浏览器定位，如果设置了父级定位，定位相对于父级。（常用）
position：absolute
固定定位
position：fixed;在网页固定一个位置，常用用于返回，导航栏
层级
Z-index:值越小，层级越高，越在前面，类似图层。