常用css缩写语法总结

《常用css缩写语法总结》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、思福素材www.sifusc.com常用CSS缩写语法总结CSS是网页设计中不可缺少的东西，用好CSS很多时候是可以简写的，那样既可以方便阅读，又得到了代码的优化:颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1;表示所有边都是一个值value1；property:value1value2;表示top和bottom的值是value1,right和left的值是value2property

2、:value1value2value3;表示top的值是value1，right和left的值是value2，bottom的值是value3property:value1value2value3value4;四个值依次表示top,right,bottom,left方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：margin:1em02em0.5em;边框(border)边框的属性如下：border-width:1px;border-style:solid;border-color:#000;

3、可以缩写为一句：border:1pxsolid#000;语法是border:widthstylecolor;背景(Backgrounds)背景的属性如下：background-color:#f00;background-image:url(background.gif);思福素材www.sifusc.com思福素材www.sifusc.combackground-repeat:no-repeat;background-attachment:fixed;background-position:00;可以缩写为一句：backgro

4、und:#f00url(background.gif)no-repeatfixed00;语法是background:colorimagerepeatattachmentposition;你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：color:transparentimage:nonerepeat:repeatattachment:scrollposition:0%0%字体(fonts)字体的属性如下：font-style:italic;font-variant:small-caps;font-

5、weight:bold;font-size:1em;line-height:140%;font-family:"LucidaGrande",sans-serif;可以缩写为一句：font:italicsmall-capsbold1em/140%"LucidaGrande",sans-serif;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。列表(lists)取消默认的圆点和序号可以这样写list-style:none;,list的属性如下:list-style-type:square;思

6、福素材www.sifusc.com思福素材www.sifusc.comlist-style-position:inside;list-style-image:url(image.gif);可以缩写为一句：list-style:squareinsideurl(image.gif);思福素材www.sifusc.com