web前端技能方法总结(css、js、jquery、html)(20)

许多CSS属性要一起使用,其实有不少可以缩写,可以减少写CSS的时间。以下举例:

1、padding-left,padding-right,padding-bottom和padding-top可以不必分别设值,而可以合并成一句:padding:0px 20px 30px 10px; 分别对应了上、右、下、左的补白。注意顺序!

2、跟补白一样,也可以用缩写指定所有的边界值。eg: margin:0px,20px,30px,10px; 上、右、下、左(注意顺序)

3、如果各侧面的补白和边界值都相等,缩写就会更简单:padding:20px; 表明盒子四周的补白都是20像素;

 如果上下边界相同、左右边界相同,可以这么缩写:  margin:0px 20px; 第一个值表示上和下,第二个值表示右和左。

4、边框属性也可缩写,把边框属性都写成一个属性,顺序不限。 border:thin solid #007e7e;

5、背景也可缩写,且顺序不限。 background:white url(images/cocktail.gif) repeat-x; 还有另外一些值也可以在缩写形式中指定,比如background-position.

上一篇:Connection is read-only. Queries leading to data modification are not allowed


下一篇:java是什么