一、盒子模型
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、合并