使用CSS+DIV的优点
2009-08-18 09:57
190 查看
什么是Cascading Style Sheets(层叠样式表)
* CSS是Cascading Style Sheets(层叠样式表)的简称.
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).
* 在标准网页设计中CSS负责网页内容(XHTML)的表现.
* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.
* CSS是由W3C的CSS工作组产生和维护的.
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势:
1:表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
2:提高页面浏览速度
对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
3:易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
4: 使用div+css更符合现在的W3C国际标准.
下面可以比较一下采用CSS和不采用CSS的区别:
看看这个没有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html
然而通过给这个文件添加的CSS规则,我们可以得到十分美观的网页:http://www.csszengarden.com/
* CSS是Cascading Style Sheets(层叠样式表)的简称.
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).
* 在标准网页设计中CSS负责网页内容(XHTML)的表现.
* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.
* CSS是由W3C的CSS工作组产生和维护的.
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势:
1:表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
2:提高页面浏览速度
对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
3:易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
4: 使用div+css更符合现在的W3C国际标准.
下面可以比较一下采用CSS和不采用CSS的区别:
看看这个没有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html
然而通过给这个文件添加的CSS规则,我们可以得到十分美观的网页:http://www.csszengarden.com/
相关文章推荐
- 使用DIV+CSS布局网站的优点和缺陷
- 使用Div+CSS布局设计网站的优点
- 使用DIV+CSS布局网站的优点和缺陷
- 网页设计使用Div+css的优点总结
- 为什么使用css样式和div+css布局标准的优点
- 使用DIV+CSS布局网站的优点和缺陷分析
- 使用DIV+CSS布局网站的优点和缺陷
- 使用Div+CSS布局设计网站的优点
- div+css使用!important标记区别Firefox和IE6
- DIV+CSS布局使用的个人心得
- div+css布局中的alpha 不透明度使用说明
- CSS:使用CSS3将一个div水平和垂直居中显示
- 使用DIV+CSS制作二级导航菜单(横向)
- Div+CSS设计网站优点概述
- 基于CSS的DIV网页设计 - 使用固定层方法设计网页
- DIV+CSS布局重新学习之使用A标签和CSS制作按钮
- 使用Div+css实现表格布局
- CSS + DIV 使用方法总结
- CSS在Div层或表格内使用滚动条
- 使用css制作三角,兼容IE6,用到的标签<div><s><span>