CSS代码缩写？（css代码缩写顺序）

css是CascadingStyleSheets（层叠样式表）的缩写，是一种用来表现HTML或XML等文件样式的计算机语言；它主要用来设计网页的样式和美化网页，不仅可以静态地修饰网页，还可配合各种脚本语言动态地对网页各元素进行格式化。

CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。

1.盒模型代码缩写

在将盒模型时，我们讲过盒模型的外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。如：

margin:10px15px12px14px; /*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/

盒模型代码缩写方法通常有以下三种方法：

(1).如果top、right、bottom、left的值相同，如下面代码：

margin:10px10px10px10px;

可缩写为：

margin:10px;

(2).如果top和bottom值相同、left和right的值相同，如下面代码：

margin:10px20px10px20px;

可缩写为：

margin:10px20px;

(3).、如果left和right的值相同，如下面代码：

margin:10px20px30px20px;

可缩写为：

margin:10px20px30px;

注意：padding、border的缩写方法和margin是一致的。

2.颜色值缩写

当你设置的颜色是16进制时，如果每两位数值相同，你可以简写一半。如：

p{ color:#000000; } p{ color:#336699; }

可简写为:

p{ color:#000} p{ color:#369}

3.字体缩写

字体的CSS样式同样可以简写，如:

body{

font-style:italic;

font-variant:small-caps;

font-weight:bold;

font-size:12px;

line-height:1.5em;

font-family:"宋体",sans-serif;

}

以上代码可缩写为:

body{

font:italicsmall-capsbold12px/1.5em"宋体",sans-serif;

}

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！