-
盒模型简写:
-
如果top、right、bottom、left的值相同,如下面代码:margin:10px 10px 10px 10px; 缩写为:margin:10px;
-
如果top和bottom值相同、left和 right的值相同。margin:10px 20px 10px 20px;缩写为:margin:10px 20px;
-
如果left和right的值相同.margin:10px 20px 30px 20px;缩写为:margin:10px 20px 30px;
-
颜色值缩写
-
p{color:#336699;} 缩写为:p{color:#369;}
-
字体缩写
-
body{ font-style:italic;//字体倾斜 font-variant:small-caps; //所有字母大写 font-weight:bold; //字体加粗 font-size:12px; //字体大小 line-height:1.5em; //行间距 font-family:"宋体",sans-serif;//字体 } 缩写为body{font:italic small-caps bold 12px/1.5em "宋体",sans-serif;}
注意:
1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。