web学习记录8
属性hack 尽量不使用
_样式 IE6才识别
*样式 IE7以下才识别
样式\0 IE8以及以上浏览器才能识别
选择器hack
* html body IE6已经一下识别
*+html body IE7才识别
创建项目
引入reset .css来清除默认样式
引入页面样式表 page-index.css
id class 命名尽量用英文
命名格式 驼峰命名法 首字母小写,每个单词开头字母大写 helloWorld
所有字母都小写,单词间用-或者_连接 aaa-bbb-ccc
背景 截取一个像素的长或宽重复来设置背景
ul li 浮动,横向排列
chrome中最小只支持12px的字体大小。
IE6bug 双边距bug 设置浮动后IE6浮动会为设置值的两倍。 加display:inline解决该问题。
项目
需求分析 1/3时间
编码 1/6时间
测试 1/2时间 性能测试 网页加载不超过3s
CSS的压缩
图像 尽量做成雪碧图