CSS-盒子模型

一、盒子模型

margin:外边距，可以是负值 padding:内边距，不可以是负值 border:边框 content:内容
内边距的设置：

h1{padding:10px;)//各边都有10像素的内边距
h1{padding:10px,0.25em,2ex,20%}//按上右下左的顺序分别设置各边的内边距
padding-top
padding-right
padding-bottom
padding-left

边框的设置
1、宽度
例：td {border-style:solid;border-width:15px,5px,15px,5px;}
也可以分开设置

border-top-width
border-left-width
border-right-width
border-bottom-width

2、颜色
例：border-color:blue rgb(25%,%35,%45) #909090 red;
或者对四边分别设置：

border-left-color
border-right-color
border-top-color
border-bottwom-colou

外边距的设置
1、值复制

h1 {margin:0.25em 1em 0.5em;}//等价于{0.25em,1em,0.5em,1em}
h2 {margin:0.5em 1em;}//等价于{0.5em,1em,0.5em,1em}
p {margin:1px;}//等价于{1px,1px,1px,1px}

2、合并