没有合适的资源?快使用搜索试试~ 我知道了~
学习CSS优化的十八项技巧pdf
4星 · 超过85%的资源 需积分: 9 31 下载量 85 浏览量
2013-10-22
11:57:49
上传
评论 3
收藏 91KB PDF 举报
温馨提示
试读
6页
学习CSS优化的十八项技巧.pdf 一.使用 css 缩写 使用缩写可以帮助减少你 CSS 文件的大小,更加容易阅读。css 缩写的主要规则请参看 《常用 css 缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为 0 忘记定义尺寸的单位是 CSS 新手普遍的错误。在 HTML 中你可以只写 width=100,但 是在 CSS 中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情 况可以不定义单位:行高和 0 值。除此以外,其他值都必须紧跟单位,注意,不要在数值和 单位之间加空格。 三.区分大小写
资源推荐
资源详情
资源评论
一.使用 css 缩写
使用缩写可以帮助减少你 CSS 文件的大小,更加容易阅读。css 缩写的主要规则请参看
《常用 css 缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为 0
忘记定义尺寸的单位是 CSS 新手普遍的错误。在 HTML 中你可以只写 width=100,但
是在 CSS 中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情
况可以不定义单位:行高和 0 值。除此以外,其他值都必须紧跟单位,注意,不要在数值和
单位之间加空格。
三.区分大小写
当在XHTML 中使用 CSS,CSS 里定义的元素名称是区分大小写的。为了避免这种错
误,我建议所有的定义名称都采用小写。class 和 id 的值在 HTML 和 XHTML 中也是区分大
小写的,如果你一定要大小写混合写,请仔细确认你在 CSS 的定义和 XHTML 里的标签是
一致的。
四.取消 class 和 id 前的元素限定
当你写给一个元素定义 class 或者 id,你可以省略前面的元素限定,因为 ID 在一个页面
里是唯一的,不可以在页面中多次使用。你限定某个元素毫无意义。例如:
div#content { /* declarations */ }
fieldset.details { /* declarations */ }
可以写成
#content { /* declarations */ }
.details { /* declarations */ }
这样可以节省一些字节。
五.默认值
通常padding 的默认值为 0,background-color 的默认值是 transparent。但是在不同的浏
览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的 margin 和
padding 值都为 0,象这样:
* {
margin:0;
padding:0;
}
六.不需要重复定义可继承的值
资源评论
- zhangzhirong0002013-12-27一般般,对于我这个新手都没有多大的用处,忽悠人的
- s1002002752015-04-28没啥太大的作用,不过还是感谢分享
- 叶北城2013-11-01实用的东西,感谢分享!
- suipian10292014-03-17挺不错的资源,谢谢分享。
hoop11111
- 粉丝: 15
- 资源: 76
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功