小白学前端之百度笔记

1. *{ padding:0px; margin:0px; } 元素自带宽高，后面设置padding,margin会有麻烦。

2. 块级元素居中： 1）水平居中：设宽度，margin：0 auto;

2. 垂直居中： height=line-height

3. 定位Position:

1. 给谁定位：position:absolute;
2. 相对于谁定位：position:relative;
3. 写top,left位置属性。

字写不完，用省略号的情况： min-width max-width 元素要有宽度 overflow:hidden; white-space:nowrap text-overflow:ellipsis

5. 小三角形

   

   .set-dd-ul::after { content: ""; width: 0px; height: 0px; border: 1px solid black; position: absolute; top: -19px; left: 24px; border-width: 9px; border-color: transparent transparent pink transparent; border-style: solid; }

6.!important:会分析框架结构，包含关系！！！！

7. box-sizing: border-box;使两个不能合并的框，合并在一起。 切换盒模型

   

   
   这俩模型只有一个地方不同 就是border是否包含在容器内

8. text-decoration: none; 只是用来消除链接的下划线。

9. display：block；inline-block 改变块状行内的状态。

10. 内容不要贴着边框,专业术语叫 “留白”。

11. box-shadow：1px（水平） 1px（垂直） 5px（模糊程度） 颜色；

12. float:left; float:right;