盒模型的学习心得

学习心得
1.盒模型的概念是:
根据元素的种类分为块级元素盒模型和行内盒模型
2.盒模型的一些样式：
（1）内容
（2）padding
（3）border
边框：粗细 样式（实线solid，点dotted，双实线double，虚线dashed）颜色（color）
边框复合属性：border:1px solid red；
transparent透明色
根据方向分开：
border-top
border-bottom
border-left
border-right
根据属性分开（少用，除非使用在只更改一个样式上）：boeder-width:x;
border-style:solid（dotted常用，groove，hidden影藏，inset内向）;
（4）margin
3.怪异盒模型：盒子尺寸
样式：box-sizing：border－box;
box-sizing：content-box；
标准盒模型的默认样式
4.父子外边距合并：
（1）父亲设置：padding（border）
（2）兄弟外边距合并：避免使用（只设置一边）
5.讲解案例淘宝：主题市场目录：清除圆点样式：list-style：none；
大于号：>
小于号：<