2.24笔记

盒模型

1,由元素的内容elment,内边距padding,边框border和外边距margin组成.

2,doctype是盒模型的基础.

3,内边距出现在内容区域的周围,当给元素添加背景色或背景图像时,该元素的背景色或许背景图像也将出现在内边距中.

4,border-style用于定义页面边框的风格,常用属性值为:none没有边框,soild边框为单实线,dashed边框为虚线,dotted边框为点线,double边框为双实线.

5,常用规则:border-style:上,右,下,左;   border-style:上下,左右;  border-style:上下左右.

6,例如

只有上边为虚线dashed,其他三边为单实线soild,可以使用border-style综合属性进行设置: p { border-style: dashed soild soild soild;}或者p{border-style: soild;} 又或者p{ border-top-style:dashed }.

7,border-width基本与border-style同规则.

8,boder-color:顺时针顺序,一个值为四边,两个值为上下,左右,三个值为上,左右,下. 应值得注意的是设置边框颜色时同时必须设置边框样式,如果未设置样式或设置为none,则其他的边框属性无效.

9,边框属性-综合设置边框     常用的复合属性有font,border,margin,padding和background等;复合属性可以简化代码,提高页面的运行速度,但是如果只有一项值,最好不要用复合属性,以免样式不被兼容.