一枚Web技术领域的手艺人.

CSS的4个简写

2010/12/13 Share

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

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

    例如:

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

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

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

例如:

border:1px solid red;

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

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

例如:

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

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

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

例如:

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

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

CATALOG
  1. 1. background 简写属性在一个声明中设置所有的背景属性:
  2. 2. border 简写属性在一个声明设置所有的边框属性:
  3. 3. font 简写属性在一个声明中设置所有字体属性:
  4. 4. list-style 简写属性在一个声明中设置所有的列表属性: