HTML第13章：CSS代码缩写，占用更少的带宽
13-1 盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的： 上右下左 。具体应用在margin和padding的例子如下： margin : 10 px 15 px 12 px 14 px ; /*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin : 10 px 10 px 10 px 10 px ; 可缩写为： margin : 10 px ; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin : 10 px 20 px 10 px 20 px ; 可缩写为： margin : 10 px 20 px ; 3、如果left和right的值相同，如下面代码： margin : 10 px 20 px 30 px 20 px ; 可缩写为： margin : 10 px 20 px 30 px ; 注意：padding、border的缩写方法和margin是一致的。 13-2颜色值缩写 关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。