CSS语法缩写规则



使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸
通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:
margin:1em 0 2em 0.5em; 边框(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);



相关阅读:
Windows Vista系统休眠功能
“incorrect super block” FreeBSD挂载CDROM时报错误的解决方法
网页教案,针对初学者的教案
让OpenSoralis进入纯文本模式
通过按空格键开启Vista启动选项
PHP中用header图片地址 简单隐藏图片源地址
Linux操作系统启动流程与Grub的配置方法
图片的入库与读取的方法
不要在cookie中使用特殊字符的原因分析
用js实现键盘方向键翻页功能的代码
vbs实用软件自造——Windows脚本应用实例
Windows 注册表系统软件默认安装路径修改方法
建立数据仓库:入门的八个诀窍
Oracle中OSFA和数据仓库简介
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 快乐健身走作文400字 婚礼男方家长发言稿 在市行政服务中心网上审批系统开通仪式上的讲话 局机关司机年终工作总结 一个真实的苏筱夕 《岳阳楼记》复习试题(会员上传) 一万分思念作文200字 “大扫除” 在父亲八十八寿宴上的致辞 单翼也能高飞作文800字 单影相依作文1100字 我爱故乡的大红枣 毕业生会计实习周记 我害怕我的离开 酸甜苦辣都是歌 远离烦恼就是快乐 自由地写作作文1100字 攀关系(外)三首 小学四年级作文500字:电影《少年雷锋》观后感(二) 自锁的胸怀 初中初一作文450字:互联网与我的明天 作文 成长 小学五年级作文450字:蚊虫大战 中秋节爱情祝福短信大全 如果我是一个富人 2015粮食局工作计划 开始懂得作文450字 爱情早已消逝 历届高考零分作文精选:《中国式平衡》 写在2007的扉页作文 三年级学生家长会发言稿 难忘的公开课作文500字 一个人的温暖时光 到象山去玩150字 人教版五年级上册二单元作文:二十年后回故乡(7作文600字 细节描写的语段 等待生命的去或来 五彩缤纷的海底世界 表白的话:我爱上了你 燃一支回忆 关于信任的排比句 美丽的诠释作文1000字 车 厢 所 思 大学生寒假社会实践活动方案 八月入团申请书300字 游戏推广员辞职报告 河务局水行政执法自查报告 美丽的秋天作文350字 某公司某产品生产基地建设计划 局党建工作述职报告 拔牙作文300字

Copyright © 2016 phpStudy |