昨日内容回顾

边框

border-style:solid;

border-1px;

border-color:red;

简写

border:1px dotted red

单独

border-top-style:solid;

border-top:1px dotted red;

边框圆角

border-radius:50%;

display

display的值：

　　none:影藏标签，不占空间

　　visibility:hidden;影藏标签，占用空间

　　inline:将标签做成内敛样式

　　block:将标签做成块级样式

　　inline-block:同时具备两种标签的一些特点，能够设置高度宽度，并且不独占一行

盒子模型

　　conrent 内容

　　　　padding 内边距内容与边框之间的距离 padding:10px 20px;上下左右 padding: 1px 20px 20px 30px;上右下左

　　　　border 边框

　　　　margin 外边距与其他标签之间的距离

浮动float

布局用的，设置了浮动的标签会脱离正常的文档流，会造成父级标签塌陷

　　float: left; 左浮动

　　float:right; 右浮动

解决塌陷：

　　1.父级标签设置行高

　　2.伪元素选择器清除浮动

　　　　.clearfix:after{

　　　　　　content:'';

　　　　　　display:block;

　　　　　　clear:both;}

　　　　父级标签class='clearfix'

overflow溢出：

　　overflow：auto;出现滚动条

　　overflow:hidden;影藏内容

position定位

　　position:relative;相对定位，保留原来的空间，相对自己原来的位置移动

　　position：absolute；绝对定位，不保留原来位置的空间，按照父级标签或者祖先标签中有设置了position为相对定位的标签，如果有，按照它的位置移动，如果没有按照body移动。

　　position：fixed；固定定位，根据浏览器窗口位置来定位

　　position：static。默认

控制层级z-index

　　z-index的值越大，就在上面。

　透明度opacity

　　　　标签的透明度

　　　　rgba（255,0,0,0.3）单独设置的某个属性的透明度。

锚点

　　设置：