Skip to main content

Posts

Showing posts from May, 2008

CSS缩写汇总备忘录

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:   盒尺寸 margin: 1em 0 2em 0.5em;   (一般应用在margin和padding上) 通常有下面四种书写方法: property:value1 value2 value3 value4; //4参数依次表示top,right,bottom,left 的值 property: value1 value2 value3; //value1表示top的值,value2是right和left的值,value3表示bottom的值 property: value1 value2; //value1表示right和left的值,value2表示right和left的值 property: value1; //value1表示所有边统一的一个值 方便的记忆方法是顺时针,上、右、下、左。   颜色 #C3E; (完整的表示为: #CC33EE) 16进制的色彩值,如果每两位的值相同,可以缩写一半。   边框(border) border:1px solid #000;  边框的属性如下: border-width:1px; border-style:solid; border-color:#000;  缩写时参数顺序为:width、style、color 。   字体(fonts) font:italic small-caps bold 1em/140% "Trebuchet MS", Arial; 字体的属性如下: font-style:italic; font-variant:small-caps; font-weight:bold;    //字体粗细 font-size:1em;  //字体大小 line-height:140%; //行间距 font-family:"Trebuchet MS", Arial; color:red; //注意不是 font-color 注意 : 在缩写字体定