分类: 网页技术

常用CSS缩写语法总结

[ 2009-08-02 01:35:36 | 责任编辑: admin ]
: | |
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：
颜色(color)
16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;
边框(border)
边框的属性如下：
border-width:1px;
border-style:solid;
border-color:#000;
可以缩写为一句：border:1px solid #000;
语法是border:width style color;
背景(Backgrounds)
背景的属性如下：
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;
语法是background:color image repeat attachment position;
你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：
color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
字体(fonts)
字体的属性如下：
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。
列表(lists)
取消默认的圆点和序号可以这样写list-style:none;,
list的属性如下:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
可以缩写为一句：list-style:square inside url(image.gif);
评论Feed 评论Feed: http://www.kupage.net/blog/feed.asp?q=comment&id=107
UTF-8 Encoding 引用链接: http://www.kupage.net/blog/trackback.asp?id=107

浏览模式: 显示全部 | 评论: 25 | 引用: 67 | 排序 | 浏览: 430
引用 电器回收
[ 回收洗衣机 | 2009-09-03 23:13:42 ]
洗衣机回收电视机回收电冰箱回收24863
引用 空调回收
[ 回收空调 | 2009-09-14 23:22:28 ]
北京空调回收20388
引用 空调回收
[ 回收空调 | 2009-09-20 19:02:58 ]
北京空调回收4087
引用 空调移机
[ 回收空调 | 2009-09-26 04:54:22 ]
北京空调回收6620
引用 电器回收
[ 电冰箱回收 | 2009-10-02 20:25:04 ]
洗衣机回收7740
引用 空调回收
[ 空调安装 | 2009-10-07 17:52:28 ]
空调维修空调移机服务。21889
引用 杭州装饰公司
[ 杭州装饰公司 | 2009-10-14 13:58:45 ]
杭州装饰公司28175
引用 杭州比力奇热水器特约维修
[ 杭州比力奇热水器特约维修 | 2009-10-22 13:55:28 ]
杭州比力奇热水器特约维修17317
引用 空调回收http://www.kticn.com
[ 北京空调维修 | 2009-11-12 09:20:04 ]
空调移机及维修27832
引用 杭州家电维修
[ 杭州家电维修 | 2009-11-16 15:18:50 ]
杭州家电维修95
引用 空调回收http://www.kticn.com
[ 北京空调维修 | 2009-11-16 20:24:33 ]
空调移机及维修19687
引用 杭州拱墅区搬家公司
[ 杭州拱墅区搬家公司 | 2009-11-26 06:49:09 ]
杭州拱墅区搬家公司26402
引用 杭州格力空调维修
[ 杭州格力空调维修 | 2009-12-10 08:10:14 ]
杭州格力空调维修11792
引用 空调回收http://www.kticn.com
[ 北京空调维修 | 2009-12-30 15:48:23 ]
空调移机及维修6858
引用 杭州店面装修
[ 杭州店面装修 | 2010-02-02 09:11:08 ]
杭州店面装修9479
引用 dyd443*
[ 2010-02-04 23:06:13 ]
地板打蜡
引用 杭州店面装修
[ 杭州店面装修 | 2010-02-11 23:43:04 ]
杭州店面装修14326
引用 杭州装饰公司
[ 杭州装饰公司 | 2010-02-21 22:58:44 ]
杭州装饰公司32522
引用 杭州上城区搬家公司
[ 杭州上城区搬家公司 | 2010-02-28 05:04:50 ]
杭州上城区搬家公司18708
引用 杭州搬家公司电话
[ 杭州搬家公司电话 | 2010-03-01 07:34:45 ]
杭州搬家公司电话8278
引用 杭州滨江区搬家公司
[ 杭州滨江区搬家公司 | 2010-03-02 08:02:07 ]
杭州滨江区搬家公司18501
引用 杭州西湖区搬家公司
[ 杭州西湖区搬家公司 | 2010-03-02 20:04:32 ]
杭州西湖区搬家公司18850
引用 杭州装饰
[ 杭州装饰 | 2010-03-04 10:13:09 ]
杭州装饰30859
引用 杭州下城区搬家公司
[ 杭州下城区搬家公司 | 2010-03-15 16:00:57 ]
杭州下城区搬家公司21320
引用 杭州搬家公司电话
[ 杭州搬家公司电话 | 2010-03-17 05:01:07 ]
杭州搬家公司电话17888
引用 杭州室内设计
[ 杭州室内设计 | 2010-03-17 18:06:18 ]
杭州室内设计3012
引用 杭州搬家公司电话
[ 杭州搬家公司电话 | 2010-03-18 15:15:52 ]
杭州搬家公司电话16403
引用 jkf667*
[ 2010-03-21 20:04:20 ]
杭州搬家公司推荐
引用 doc105*
[ 2010-03-21 21:28:41 ]
杭州城西搬家公司
引用 杭州装饰
[ 杭州装饰 | 2010-03-22 16:18:47 ]
杭州装饰7931
引用 杭州室内设计
[ 杭州室内设计 | 2010-03-22 18:46:44 ]
杭州室内设计15169
引用 ymw946*
[ 2010-03-25 22:46:10 ]
杭州上城区搬家公司
引用 杭州酒店装修
[ 杭州酒店装修 | 2010-03-26 13:53:09 ]
杭州酒店装修29405
引用 杭州装饰设计
[ 杭州装饰设计 | 2010-03-26 13:55:01 ]
杭州装饰设计专业的设计人员8443
引用 杭州装饰设计
[ 杭州装饰设计 | 2010-03-27 11:45:19 ]
杭州装饰设计8518
引用 kjm611*
[ 2010-03-27 16:15:41 ]
杭州西湖区搬家公司
引用 杭州装修
[ 杭州装修 | 2010-03-28 16:52:33 ]
杭州装修31373
引用 杭州科龙空调特约维修
[ 杭州科龙空调特约维修 | 2010-03-29 21:17:50 ]
杭州科龙空调特约维修10760
引用 杭州展厅装修
[ 杭州展厅装修 | 2010-03-30 18:29:56 ]
杭州展厅装修31390
引用 杭州美的空调特约维修
[ 杭州美的空调特约维修 | 2010-03-31 04:45:16 ]
杭州美的空调特约维修10854
引用 zfr486*
[ 2010-04-03 02:05:22 ]
杭州科龙空调特约维修
引用 杭州美的空调特约维修
[ 杭州美的空调特约维修 | 2010-04-03 19:37:05 ]
杭州美的空调特约维修28793
引用 杭州海尔空调特约维修
[ 杭州海尔空调特约维修 | 2010-04-03 20:18:58 ]
杭州海尔空调特约维修14393
引用 杭州海尔洗衣机维修
[ 杭州海尔洗衣机维修 | 2010-04-06 01:10:02 ]
杭州海尔洗衣机维修21920
引用 杭州搬家
[ 杭州搬家 | 2010-04-06 07:32:01 ]
杭州搬家25020
引用 杭州春兰空调维修
[ 杭州春兰空调维修 | 2010-04-12 12:09:29 ]
杭州春兰空调维修4861
引用 ukz922*
[ 2010-04-12 12:20:18 ]
杭州华凌空调特约维修
引用 gnj765*
[ 2010-04-12 19:40:07 ]
杭州起重公司
引用 vot276*
[ 2010-04-12 19:56:09 ]
杭州起重公司
引用 kit754*
[ 2010-04-12 21:15:37 ]
杭州城南搬家公司
引用 杭州起重
[ 杭州起重 | 2010-04-15 15:06:52 ]
杭州起重15679
引用 杭州长途搬家公司
[ 杭州长途搬家公司 | 2010-04-16 02:37:36 ]
杭州长途搬家公司16169
引用 杭州装饰公司
[ 杭州装饰公司 | 2010-04-17 07:41:27 ]
杭州装饰公司13402
引用 杭州三菱空调特约维修
[ 杭州三菱空调特约维修 | 2010-05-04 06:02:26 ]
杭州三菱空调特约维修332
引用 杭州空调维修
[ 杭州空调维修 | 2010-05-05 04:06:17 ]
杭州空调维修23780
引用 杭州三菱空调特约维修
[ 杭州三菱空调特约维修 | 2010-05-06 03:05:33 ]
杭州三菱空调特约维修11358
引用 杭州搬厂
[ 杭州搬厂 | 2010-05-06 11:06:05 ]
杭州搬厂15270
引用 杭州搬家
[ 杭州搬家 | 2010-05-06 17:07:44 ]
杭州搬家32042
引用 杭州美的空调特约维修
[ 杭州美的空调特约维修 | 2010-05-07 04:27:35 ]
杭州美的空调特约维修9776
引用 杭州下沙搬家公司
[ 杭州下沙搬家公司 | 2010-05-11 15:04:48 ]
杭州下沙搬家公司18399
引用 杭州滨江空调维修公司
[ 杭州滨江空调维修公司 | 2010-05-13 11:58:32 ]
杭州滨江空调维修公司29759
引用 杭州惠而浦洗衣机维修
[ 杭州惠而浦洗衣机维修 | 2010-05-16 01:16:13 ]
杭州惠而浦洗衣机维修15881
引用 杭州空调维修
[ 杭州空调维修 | 2010-05-20 10:25:25 ]
杭州空调维修6230
引用 杭州装修公司
[ 杭州装修公司 | 2010-05-21 06:13:03 ]
杭州装修公司31659
引用 杭州长虹空调维修
[ 杭州长虹空调维修 | 2010-05-22 06:12:46 ]
杭州长虹空调维修10869
引用 杭州别墅设计
[ 杭州别墅设计 | 2010-05-24 13:22:31 ]
杭州别墅设计3188
引用 杭州华凌空调维修
[ 杭州华凌空调维修 | 2010-06-08 10:48:51 ]
杭州华凌空调维修公司是一家专业的杭州华凌空调特约维修公司。中心技术雄厚、服务一流26014
引用 杭州金松洗衣机维修
[ 杭州金松洗衣机维修 | 2010-06-13 01:24:07 ]
杭州金松洗衣机维修1936
引用 杭州装饰
[ 杭州装饰 | 2010-06-22 00:04:26 ]
杭州装饰提供优质的杭州装修,杭州装饰服务6051
引用 杭州装修公司
[ 杭州装修公司 | 2010-06-22 08:54:15 ]
杭州装修公司31297
引用 杭州装饰公司
[ 杭州装饰公司 | 2010-06-23 10:22:48 ]
杭州装饰公司13643
引用 杭州装修
[ 杭州装修 | 2010-06-24 14:39:25 ]
杭州装修9988
引用 杭州装修公司
[ 杭州装修公司 | 2010-07-05 23:07:28 ]
设计甲级资质的资深专业杭州装修公司11475
引用 杭州装修公司
[ 杭州装修公司 | 2010-07-22 08:21:38 ]
杭州装修公司兼营二手房翻新业务和房屋维修28730
引用 杭州装修公司
[ 杭州装修公司 | 2010-07-29 07:39:41 ]
杭州装修公司29350
引用 杭州装修公司
[ 杭州装修公司 | 2010-08-06 09:56:45 ]
杭州装修公司22933
引用 杭州装修公司
[ 杭州装修公司 | 2010-09-02 11:16:29 ]
杭州装修公司6963

此日志不可发表评论.