一,border-color:上右下左 顺时针顺序
设置边框颜色时必须设置边框样式,
如果未设置样式或设置为none,则其他的边框属性无效.
二,多学几招
1,表单的边框通常改为0; border:0 none;//兼容所有浏览器
2,表单的细线边框 table{ border-collapse;}
3,轮廓 (链接有虚线和文本框有蓝色的边框) outline-style:none;
三,内边距属性 padding:上内边距 右内边距 下内边距 左内边距
[内边距是] 享有背景色的.
四,外边距属性 margin属性用于设置外边距,也是复合属性.
margin:上右下左
外边距可以使用负值,使相邻元素重叠.
五,对块元素应用属性width,并将左右的外边距都设置为auto,可使块级元素水平居中,
示例代码为:header{width:960px;margin:0 auto;}
为了方便控制网页中的元素,制作网页时可为: * { padding:0; /*清除内边距*/ margin:0 /*清除外边距*/ }
使用margin定义块元素的垂直外边距时,可能出现外边距的合并.
六,行内元素不要给上下的margin和padding,上下会被忽略,左右margin和padding会起作用
七,盒子的宽与高
盒子的总宽度=width+左右内边距之和+左右边框宽度之和+左右外边距之和;
盒子的总高度=width+上下内边距之和+上下边框宽度之和+上下外边距之和.
八,相邻元素垂直外边距的合并:当相邻的两个块元素相遇时,如果上面的元素有下边距margin-bottom,下面的元素有上边距margin-top,则他们之间的垂直距离不是margin-bottom与margin-top之和,而是两者之中的较大者.
九,嵌套块元素垂直外边距的合并:
对于两个嵌套关系的块元素,如果父元素没有上内边距及边框,则父元素的上外边距会与子上外边距发生合并,合并后的外边距为两者中的较大者;
如果希望外板距不合并,可以为父元素定义1px的上边框或上内边距. border-top:1px solid #FCC; /*定义符div的上边框*/
网友评论