10-框模型

1-width
Width:值(auto默认值、长度(px、em、%相对包含块的width))
PS:
(1)应用于块级元素、行内替换元素

2-height
height:值(auto默认值、长度(px、em、%相对包含块的height))
PS:
(1)应用于块级元素、行内替换元素

3-内边距
Padding:值(0默认值、px、em、%相对父元素width)

4-边框
Border:color width style;
PS:
(1)-值简介:
(a)-color:当没有设置颜色时,边框颜色和文本颜色一样。
(b)-width:可以使用px、em,但不能使用%百分数。当没有设置该值时,使用默认值medium.
(c)-style:值有none(默认值,无样式。当无样式时,边框不存在,即使设置了颜色和宽度)、double(双实线)、solid(实线)、dashed(虚线)、dotted(点线)
(2)-结合border-color、 border-width 、 border-style属性使用,这些属性适用值复制规则。
(3)-偶尔使用border-top(right、bottom、left)属性设置。

5-外边距
Margin:值(auto、长度(0(默认值,但浏览器会为一些元素设置某些值)、px、em、%相对父元素width))
PS:
(1)-应用于块级元素、行内替换元素、行内非替换元素(上下外边距无效)
(2)-相邻垂直外边距合并:当两个相邻的元素都设置了外边距(如果元素没有设置边框或内边距,则子元素的外边距也参与合并),则最大的外边距将合并了其他小于它的外边距。

 

posted @ 2020-05-11 13:12  小白啊啊啊啊啊  阅读(106)  评论(0)    收藏  举报