div+css基础学习.docVIP

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 产生背景　　HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后发布了XML。?　　XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXtensible Markup Language）。但是XML过于复杂，且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。?　　而CSS关键就在于其与脚本语言（如Javascript）及XML技术的融合，即CSS+Javascript+XML（实际上有一种更好的融合：XML+XSL+Javascript）——但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。 流行优势　　1、符合W3C标准。?　　2、支持浏览器的向后兼容。?　　3、有哪些信誉好的足球投注网站引擎更加友好。?　　4、样式的调整更加方便。?　　5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽。?　　6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。 嵌入方式行内套用　　可以在HTML文件内直接宣告样式。?　　举例来说，Thisisfontsize16.?　　以上的HTML文件在浏览器上会显现为：Thisisfontsize16.?　　嵌入套用样式可以嵌入于HTML文件中(通常是在head内)。?　　举例来说，headstyle type=text/cssdiv{background-color:#FF0000;}/style/headbody背景颜色是红**ody?　　以上的HTML会显现出：背景颜色是红色?　　外部连接套用?　　在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。?　　该档案通常名称为.css。?　　在HTML文件的header../header之中，我们将用以下的程式码将这个.css档案连接进入：?　　linkrel=style sheettype=text/css href=external-stylesheet.css?　　以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。?汇入套用　　外部的CSS样式也可以被汇入进HTML文件。?　　汇入的做法为利用@import这个指令。?　　@import的语法为：style type=text/css!--@import?url(style.css);--/style?　　@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，后被加入的CSS样式有优先的顺位(详情请见CSS串接)。?　　还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法:?　　div style=color:#000000;文字/div?　　这个代码通过直接嵌入标签的形式，使得标签内的文字更改颜色，而且根据css的优先调用级直接嵌入标签的写法也更直接更优先选择调用。 布局优点　　一、使页面载入得更快?　　由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。?　　二、降低流量费用?　　页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优