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的压缩　　

图像　　尽量做成雪碧图