1.合模型代码的简写
对于合模型的border、padding、margin设置边框时:
①上右下左同为10px时:border:10px;
②上下为10px,左右为20px时:border:10px 20px;
③上为10,左右为20,下为30时:border:10px,20px,30px;
2.颜色值的简写
当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。
比如:
span{color:#000000;}可以缩写为span{color:#000;}
span{color:#336699;}可以缩写为span{color:#369;}
3.字体的简写
像这样:
body{
font-style:italic; 斜体
font-weight:bold; 字体加粗
font-size:20px; 字体大小
font-height:1.5em; 行间距
font-family:"宋体",sans-serif; 中文字体,英文字体
}
可以简写为:
body{
font:italic bold 20px/1.5em "宋体",sans-serif;
}
需要注意的是:
使用这种简写方式,至少要指定font-size和font-family属性,这两个必须都要有,缺一不可!
在简写时,font-size和font-height之间要加斜杠"/"。