1.颜色的简写
4种表现:
color:#FF000;(RR/GG/BB三组颜色值成对,可简写为#F00)
color:RGB(255,0,0);/ color:RGB(100%,0,0);
color:red;
color:windowtext;background-color:background;(用户系统色盘值)
2.padding和margin上右下左的简写
3.border的简写
border-width:1px;
border-style:solid;
border-color:red;
上面可简写为:
border:1px solid red;
4.background的简写
background-color:red;
background-image:url(background.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
上面可简写为:
background:red url(background.jpg) no-repeat fixed 0 0;
background属性默认值为:
background-color:transparent;
background-image:none;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0% 0%;
5.font的简写
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:140%;
font-family:”LucidaGranda”,sans-serif;
上面可简写为:
font:italicsmall-caps bold 12px/140% “Lucida Granda”,sans-serif;
font属性默认值为:
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:medium;
line-height:normal;
font-family:”TimesNew Roman”;
6.ul和ol表的简写
li{
list-style-image:url(background.jpg);
list-style-position:inside;
list-style-type:square;
}
可以简写为:
li{
list-style:url(background.jpg)inside square;
注:上面内容引自《CSS那些事这本书》}
系统默认值为:
list-style-image:none;
list-style-position:outside;
list-style-type:disc;