web全栈的进阶之路：CSS

02.01 important属性

注：important无法提升继承的权重，
权重：先比远近，再比权重，再比上下

03.02 盒模型

border，padding不算入width，height中

04.03 认识padding

padding是有背景颜色的
padding的写法：


一些元素默认带有padding元素，例：ul ol
所以我们做网站的时候需要清除padding，（包括margin）

05.04 border

标准：border：1px solid red；
边线可以一边没有，例： border：none；
1.按要素拆分

2.按方向拆分
（1）
border-top：1px solid red；…
（2）
border-top-width：1px；
border-top-style：solid；
border-top-color：red；
3.用border做三角形
可转动

06.05.块级元素和行内元素

空间折叠现象，
低端对齐现象，
自动换行
（1）块级元素和行内元素的区别
基本上所有的文本级元素都是行内元素，除了p
所有的容器集元素都是块级元素，

2.块级元素和行内元素的相互转换
块级元素转换为行内元素：display：inline；
属性见行内元素属性

行内元素转换为块级元素：display：block；
属性见块级元素属性
3.脱离标准文档流
（1）浮动
（2）绝对定位
（3）固定定位

07.06 浮动

1.浮动的应用又能并排，又能设置宽高，通常用块级元素来实现

2.浮动是创造一个新的平面，使被浮动目标脱标，处于一个新的平面

3.只要添加了浮动，就不受限与块级元素，和 行内元素

4.浮动的元素互相贴靠
当窗口过小，因为左浮动的原因，会造成贴靠现象，容易造成界面混乱。

5.浮动的元素有字围现象
浮动的元素能挡住标准流的盒子，但挡不住盒子里的字
注：要浮动，大家都浮动

08.07,父子盒子模型

真是宽度：width
真是占有度：width+padding+border+margin
padding不算在width中，
真实取决于width
儿子不能超过width，
否则会掉落

09.08做界面

居中 ：margin：0 auto