HTML+CSS学习笔记整理二

盒子模型CSS（重点）

边框border    

---

边框通常使用连写border：1px（边框大小） solid（实线或其他）  red（颜色）

border-collapse：collapse （合并边框）

内边距padding

---

 

padding：10px 上下左右都为10

padding:10px 20px  上下为10px 左右为20px

padding:10 20 30 上10 左右 20   下为30

padding：上 右  下  左

padding、border会撑开具有 width height的盒子 解决方法padding的计算

外边距margin

---

 

margin:0 auto （auto为自动填充）

相邻的两个外边距会合并（显示值大的外边距）

嵌套块元素垂直外边距的合并 解决办法：1用border隔开  2用padding隔开  3用overflow：hidden

 

版心和布局流程

---

1.确定页面版心

2.分析页面中的行块元素，以及每个模块中的列模块

3.制作HTML结构

3.CSS初始化，然后开始运用模型的原型，通过CSS+DIV进行布局来控制网页的各个模块