什么是div+css

什么是div+css

CSS(Cascading Style Sheet)中文译为层叠样式表。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的引入就是为了使得HTML语言能够更好的适应页面的美工设计,它以HTML语言为基础,在学习CSS前你要具备我们HTML教程中基础知识,CSS提供丰富的格式化功能,如字体、颜色、背景及整体排版等,Web设计者可以设置不同的样式风格。

纠正div+CSS的错误说法

div+css这种说法是错误的至少是不准确的。 div属于html的一个标签,在网页布局中div通常把网页分割成大的几部分,然后每部分具体内容需要a img p ul li等这些html标签完成,不要错误认为div+css就是只使用div的网页布局才是标准页面,所以div+css应该被称为html+css才准确,严格上讲应该称为xhtml+css才是最合理的。

传统的table布局

传统Table布局方式只是利用了HTML的table元素所具有的零边框特性。因此,Table布局的核心是:设计一个能满足版式要求的表格结构,将内容装入每个单元格中,间距及空格使用透明gif图片实现,最终的结构是一个复杂的表格(有时候会出现多次嵌套),显然,这样不利于设计和修改。

Table布局的缺点:

  • 设计复杂,改版时工作量巨大

  • 表现代码与内容混合,可读性差

  • 不利于数据调用分析

  • 网页文件量大,浏览器解析速度慢

Web标准CSS布局

采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势:

1:表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

2:提高页面浏览速度

对于同一个页面视觉效果,采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。

3:易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

真正的表现与内容完全分离,代码可读性强,样式可重复应用。

CSS编辑工具

CSS文件与HTML文件一样,都是文本文件,因此一般的文字处理软件如记事本、Notepad、EditPlus等都可以进行编辑。专业的编辑器如dreamweaver CS6也是最常用的Web开发IDE工具。