hover：

1. 中间什么都不加  控制子元素；

2. ‘+’ 控制同级元素(兄弟元素)；

3. ‘～’ 控制就近元素；

定位三种：
固定定位：相对于浏览器定位
相对定位：相对于原本的位置定位（依然会占据原来的空间）
绝对定位：相对于离它最近的已定位父级定位

 

浮动能不用就不用，除非是去除空隙

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

 

solid实线
double双实线
botted 点虚线
dashed 线段虚线

​

/*margin-left: 50px;
margin-top: 50px;*/
/*margin: 50px 0 0 50px;*/
/*上，右，下，左*/
/*margin: 10px 20px 30px;*/
/*上，左右，下*/
/*margin: 10px 10px;*/
/*上下，左右*/
/*margin: 10px;*/
/*四个方向*/
/*margin: 0 auto;*/
/*左右居中*/

 

块属性：div,p,ul,ol,li,h1-h6等
特点：1.可以设置宽高
2.不可以与别人共处一行
3.不设置宽度的情况下，宽度为100%
行内属性：span,a
特点：1.不可以设置宽高
2.可以与别人共处一行
3.其宽高由内容撑开
行内块属性：img,input
特点：1.可以设置宽高
2.可以与别人共处一行

 

overflow需要元素在同一层级，若子元素脱离标准流，也就是层级高于父元素后，就不受父元素的overflow限制.

 

相对定位：position:relative

绝对定位：position:absolute