段正淳的css笔记(4)css代码的简写

阅读作者的上一篇相关文章：段正淳的css笔记(3)标题右侧“更多”的实现

段正淳的css笔记(4)

1、css代码的简写

css缩写的语法，对新手有一定帮助,老鸟就不用看了.

1.1： 0px不需要单位，直接:margin:0

1.2：盒模型的缩写，语法是margin:上 右 下 左;.甚至可以简写成margin:上 (右左) 下,当然右左的值应该是一样的

1.3：css属性的最后一项”;”号省略。（不建议 ^_^）

1.4：字体宽度normal用400代替,bold用700代替。

1.5：16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#0044DD可以缩写为#04D;

1.6：border边框的缩写，语法是border:width style color,类似boder:1px solid red;
1.7：背景background的缩写,语法是color image repeat attachment position.类似:background:#f00 url(background.gif) no-repeat fixed 0 0( 为什么我从不写fixed呢?)

1.8：字体的缩写,类似font:italic small-caps bold 1em/140％ “SimSun”,sans-serif,可以省略到最简单font:12px “SimSun”.

1.9：list的属性缩写,语法list-style:square inside url(image.gif) ,不过一般咱们都不用.

1.0：想凑10条, 还真难.就把删除无用换行符和空格算一个吧

继续阅读：段正淳的css笔记(5)未知图片垂直居中的方法