掌握这些CSS技巧，让你的网页设计更出众

CSS技巧 在CSS中，有许多鲜为人知的技巧和简写方法，以下是十个你未必知道的CSS技巧： 1. 字体属性简写规则 在CSS中，可以将多个字体属性简写到一行上。例如，通常我们会这样设定字体属性： font-weight: bold; font-style: italic; font-variant: 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-variant等属性，它们将使用缺省值。 2. 同时使用两个类 通常，我们只能给一个元素设定一个类（Class），但这并不意味着不能用两个类。事实上，我们可以这样： <p class="text side"></p> 同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。 需要注意的是，对于一个ID，不能这样写：<p id="text side"></p>也不能这样写。 3. CSS边框的缺省值 通常，我们可以设定边界的颜色、宽度和风格，如： border: 3px solid #000 这将把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium， 一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。 4. CSS用于文档打印 许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印： <link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" /> 这样，我们可以根据不同的媒体类型来设定不同的样式。这将使我们的网站更加灵活和可维护。 这些技巧可以帮助我们更好地使用CSS，提高我们的工作效率。