CSS常用技巧介绍

来源：互联网责任编辑：栏目编辑发表时间:2013-07-01 15:37　点击:次

1. CSS字体定义简写规则

一般的写法会是这样：

以下为引用的内容：

font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

而实际上你可以用更简洁的写法：

font: bold italic small-caps 1em/1.5em verdana,sans-serif

是不是更省事？不过使用这种简写需要注意几点：要使简写定义有效必须至少提供 font-size 和 font-family 这两个属性；同时font-weight, font-style 以及 font-varient 这几个属性如果不做设定的话将默认为normal。

还有background，border等等.

1. 关于background的写法

DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}

1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。

2）url括号中的引号是没有必要的，我们可以不写引号

2. 关于Border的写法，如果您想定义div的四个边的颜色不同，而粗度和样式都一样，您可以这样写：