HTML5.0标签里既有控制结构的标签,如<p>又有控制表现的标签.如<table>;还有本意用于结构后来被滥用于控制表现的标签,如table。结构标签与表现标签混杂在一起。使用传统方法制作网页的制作者往往会遇到如下问题。
改版问题:例如需要把标题文字替换成红色.下边线变成1px灰色的虚线.那么制作者可能就要一页一页地修改。即增加了工作,.又增大了出错的机率。
CSS的出现,一开始似乎就是用来解决“批量修改表现"的问题.最广泛被制作者接受的CSS属性。如控制字体的大小颜色、超链接的效果、表格的背景色等。
数据的利用问题:本质上讲,所有页面信息都是数据。
例如,CSS所有的属性的解释,就可以建立一个数据库,数据就存在数据查询、处理和交换的问越。由于结构和表现混杂在一起,装饰图片、内容被层层嵌套的表格拆分。
深圳网站制作中div与css结合的优势
用CSS制作的话就只需要修改CSS即可,而不用修改HTML文档,可以使结构清晰化,将内容、结构与表现分享。
内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。
这个是DIV+CSS技术最现著的特点,也是CSS存在的根源。完全的颠覆现在传统(table)网页设计的技术。所有现在用table制作的内容,都可以用CSS来解决掉,而且解决的更完美,更强大。不需要大家再表格套表格,只需要用div套div就可以实现以往表格套表格所有的美工,这样的结果就是使用div+CSS技术,让生成的网页文件大小更精简,更小。table时代,一个页面表格达到10个以上是非常普遍的事情,但是现在用DIV+CSS,一个table都可以不用,就完全达到之前的效果,这就直接导致网页文件大小比使用table时减少50%-80%,更节约各位站长的硬盘空间,访问者打开网页时更快,而且用div+CSS时,不像以往使用table时,必须把全部table读取完了才显示页面内容,现在是可以读一个div就显示一个效果,大家打开网页不用等。好处真是明显而强大。
这个优点的确是显著的,凡是使用传统table建的网页,内容多的话,有时候达到30K左右都有可能,文件打了打开时,肯定就有0.0几秒的延迟。使用DIV+CSS,由于没有表格使用,你前台打开看到的全是直接内容,CSS文件都是导入链接的,是另一个文件,根本和HTML文件大小没关系,这种生成的HTML文件,一个也就10K左右大小。文件数量少时看不出来,但是文件万级以上时,还是会节约几十M大小的。
Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。在几乎所有的浏览器上都可以使用。以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。 使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。你可以轻松地控制页面的布局 。 你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。