css培训目录
- 1.Web标准:改变网页制作思维方式 节省代码及结构与表现分离
- 2.清除浏览器预设属性,统一起跑线
- 3.使用有意义的html标记布局
- 4.CSS Sprite
- 5.浏览器兼容性
1.Web标准:改变网页制作思维方式 节省代码及结构与表现分离
更少的代码和组件,容易维护
带宽要求降低(代码更简洁),成本降低
更容易被搜寻引擎搜索到
改版方便,不需要变动页面内容
提供打印版本而不需要复制内容
提高网站易用性。
ps:通常我们在制作网站的时候,根据策划案制作效果图,然后将效果图切割成网页;而现在,我们先把结构写出来,然后在不破坏代码结构和可读性的前提下,兼顾表现。一份好的web2.0网站,应该是能在不破坏代码结构和可读性而能够满足不同的表现形式。
2.清除浏览器预设属性,统一起跑线
浏览器兼容性统一
3.使用有意义的html标记
有意义的HTML标签让我们更加容易理解代码的内容,更加容易处理他。将提供把元素调整为你所想要的样式的简单的方法,这些有意义的标签在文档中创建了一个最基本的结构框架模型,我们不必添加其它的id或class其它标识,直接就可以进行表现的控制。
4.CSS Sprite
方便修改站点风格及样式
客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。
背景图片大小
5.浏览器兼容性
1.统一的html页面DTD声明
2.良好的文档结构
3.hack方式