盒子模型(框模型):
CSS处理网页时,它认为每个元素都包含在一个虚拟的盒子中,对网页布局,就可以看成就相当于摆放盒子.
盒子分为外边距,边框,内边距和内容区(元素),
边框:为元素设置边框必需要三个样式:border-width (边框宽度,可以分别制定四个边框的宽度,第一个参数上下【只有第一个则上下左右】,第二参数左右,此规则对三个样式生效) border-color(边框颜色),border-style(边框样式,具体参考W3cschool离线手册)。(注:样式中,width和height只是设置的盒子内容区的大小,而不是盒子整个的大小,盒子可见框的大小由内容区,内边距,边框共同决定。)
除了border-XXX外,还有border-XXX(方位left,right,top,bottom)-XXX(属性)可以单独对边框定义宽度。
边框简写属性:
大部分浏览器中,边框的宽度和颜色,而边框的样式默认值都是none;border样式可以同时设置四个编框的样式,宽度和颜色,,无顺序要求。border-XXX可以单独设置四个边框的样式,遵循覆盖原则。