Css的4个简写

nieweidong bio photo By nieweidong Comment

1.background 简写属性在一个声明中设置所有的背景属性:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

例如:

background: #444444 url(image.png) no-repeat fixed top;

2.border 简写属性在一个声明设置所有的边框属性:

  • border-width
  • border-style
  • border-color

例如:

border:1px solid red;

3.font 简写属性在一个声明中设置所有字体属性:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

例如:

font:italic bold 12px/20px arial,sans-serif;

4.list-style 简写属性在一个声明中设置所有的列表属性:

  • list-style-type
  • list-style-position
  • list-style-image

例如:

list-style:square inside url(‘/images/images.gif’);

这次的主要内容是巩固一下自己以前的CSS2最优写法,20号以前再把关于 Webkit 内核浏览器支持CSS3的一些特性总结一下.

comments powered by Disqus