【转】css顺序

1:font顺序

对font的定义参数必须按照如下的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值：

必须出现的：font:font-size font-fimily;
font : font-style || font-variant || font-weight || font-size || line-height || font-family
例子：p { font: italic small-caps 600 12pts/18pts 宋体; }

 

font-style:      属性定义字体的风格。

font-variant :定义小型大写字母文本

font-weight:      设置文本的粗细

font-size :      设置字体大小

font-family：设置字体

自己记时：风变浓大名

2:background的顺序


这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。

body {background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px}

发现background-color必须放最前面，其他的顺序哪个前哪个后就没关系了

3:border顺序
它包含border-width, border-style和border-color。例句如下：

.d1 {border:5px solid gray;}

它的顺序没有规则

4:margin顺序

这个属性是设定边距宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右边距属性。

你可以为上下左右边距设置相同的宽度。示例入下 ：

.d1 {margin:1cm}

你也可以分别设置边距，顺序是上，右 ，下，左。示例如下：

.d1 {margin :1cm 2cm 3cm 4cm}

 

margin:10px 20px 5px;top left&right bottom

margin:5px 6px;top&bottom left&right

margin:0px auto;设置为内容居中