一、 为什么要学习DIV/CSS一、为什么要学习DIV/CSS从闪客帝国网站改版说起2004年10月，闪客帝国（www.flashempire.com/）开始用web标准对自己的网站进行重构.网站重构是改变老式的HTML表格布局，使用新的符合WEB标准的网站结构及代码编写方法。网站重构包含两个方面：可扩充性可维护性二、div是什么div就是一个容器，相当于一个一行一列的虚框表格。表格的真正的作用：显示数据。三、div与table的区别1、布局：table和div都是可用合理的布局方法，table由行列形成的单元格构成，可执行合并拆分等操作，div是类似于一行一列表格的虚线框，不可执行拆分合并的操作；2、特性：由表格布局的网页结构与表现不分离，div则实现了网页结构与表现相分离3、兼容：div要求我们严格css支持，而table可以不用考虑这么多。四、什么是Web标准Web标准是由W3C（World Wide Web Consortium)和其他标准化组织制定的一套规范集合，包含一系列标准，自然也包含了我们所熟悉的HTML、XHTML、JavaScript以及CSS等。五、WEB标准包括哪些方面结构标准语言结构标准语言包括两个部分：XML和XHTML。XML是The Extensible Markup Language的简写，是一种可扩展式标记语言。XHTML是The Extensible HyperText Markup Language（可扩展超文本标记语言）的缩写。它是HTML向XML的过渡2. 表现标准语言CSS是Cascading style sheets（层叠样式表）的缩写。3. 行为标准语言行为标准也包括两个部分：DOM和ECMAScript 六、 内容、结构和表现内容:就是网页实际要传达的信息结构:说明了内容各个部分之间的逻辑关系 表现:外观的效果就称之为表现七、 建立Web标准的目的建立Web标准的目的是解决网站中由于浏览器升级、网站代码臃肿、代码不易用带来的问题。 Web标准是在W3C（W3C.org万维网联盟）的组织下建立的，其主要目的如下：1、因为实现了结构和表现相分离，所以确保了任何网站文档的长期有效性。2、因为简化了代码，所以降低了成本。3、因为可以容易地调用不同的样式文件，所以使得网站更容易使用，适合不同用户和网络设备。4、因为实现了向后兼容，所以当浏览器版本更新，或者出现了新的网络设备时，所有应用于能够继续正确执行。二、 什么是XHTML一、 什么是XHTML？XHTML是The Extensible HyperText Markup Language（可扩展标识语言）的缩写，是HTML语言向XML过渡的一种语言。二、完整的XHTML页面结构 1. 一个最基本的XHTML页面结构代码如下：无标题文档这里是页面内容部分，注意内容与浏览器边缘的距离1.定义文档类型在XHTML文档第一行新增了元素，该元素用来定义文档类型。DOCTYPE是document type(文档类型)的简写，它设置XHTML文档的版本。使用时应注意：该元素的名称和属性必须大写 2、XHTML1.0提供了三种DTD文档类型：1）.过渡型(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4的元素，但要符合XHTML的语法要求。完整代码如下：2）.严格型(Strict):要求严格的DTD,你不能使用任何描述性的元素和属性。3）.框架型(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架，需要采用这种DTD。注意：DOCTYPE的声明，一定要放置在XHTML文档的顶部。3、声明命名空间在XHTML文档根元素中必须使用xmlns属性声明文档的命名空间。完整代码如下：xmlns是XHTML NameSpace的缩写，中文翻译为命名空间（也有人翻译为名字空间、名称空间）。4、.meta头元素meta是用来在HTML文档中模拟HTTP协议的响应头报文。签用于网页的与中，meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类.比较常用的有以下几个：声明一种合适的编码语言，页面上的文本内容才能在浏览器中正常显示。编码语言声明的代码如下： 说明： gb2312是简体中文页面中常用的语言编码。当制作不同语种的页面时，要声明不同的语言编码。例如，英文中可以使用“ISO-8859-1”或者“UTF-8”等语言编码。 1、关键字(Keywords)：关键字是为搜索引擎提供的关键字。其语法结构如下： 说明：各关键词间用“,”分隔开。2、简介(Description)：简介用来为搜索引擎声明网站的主要内容。其语法结构如下： 3、站点作者信息(Author)：站点作者信息是为站点声明作者。其语法结构如下： 4、站点版权信息(Copyright)：站点版权信息时为站点声明版权。其语法结构如下： 5、刷新页面：定时让网页在一定的时间n内，跳转到页面http:/yourlink； 三、XHTML代码规范1、区分大小写： 在XHTML中，规定使用小写字母定义页面中的元素和属性（包括CSS样式表定义中也要使用小写字母）。2、正确嵌套所有元素：XHTML中规定当元素进行嵌套时，必须按照打开元素的顺序进行关闭。3、元素必须要结束：在XHTML中，所有的页面元素都要有相应的结束元素，包括空标签（即没有结束标记的标签），空标签的结束方法是：标记 /4、属性必须加上双引号XHTML上所有的属性，包括数字值都必须加上双引号5、明确所有属性的值XHTML中规定每一个属性都必须有一个值，没有值的属性也必须用自己的名称作为值。6、特殊字符要用编码表示在XHTML中，页面内容含有的特殊字符都要用编码表示，例如，“&”必须要用“&”的形式。空格： 7、使用页面注释HTML中使用作为页面注释，可以使文档结构更加清晰。8、推荐使用外部链接来调用样式及脚本HTML一般在注释中插入脚本，但是在XML浏览器中会被简单地删除，导致脚本样式失效。推荐使用外部链接来调用脚本及样式。四、XHTML基本语法 1、在文档开始要定义文档类型。2、在根元素中应声明命名空间。 3、所有标签需闭合的，空标签要加“ /”来关闭。4、所有属性值必须用“”括起来。5、所有标签必须合理嵌套。6、所有的属性都必须被赋值。7、所有的元素和属性都必须小写。 8、注释语句：。五、XHTML常用元素：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em、三、CSS基本语法一、CSS基本语法CSS是Cascading Style Sheet的缩写， 中文译作层叠样式表（简称为样式表），是W3C组织制定的，用于控制网页样式的一种标记性语言。 1.使用css可以简单概括为：1）选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素. 2）选择属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。 3）定义属性值 ：属性值包括常见的数值加单位，如25px。 2.每个CSS样式都必须由两部分组成：选择符（Selector）和声明(Declaration)。声明又包括属性（Properyt）和属性值（Value） 3.语法：selectorproperty:value; 选择符属性：属性值；height:100px;4.说明： 1、属性必须要包含在号之中； 2、属性和属性值之间用“:”分隔； 3、当有多个属性时，用“；”进行区分； 4、在书写属性时属性之间使用空格、换行等，并不影响属性的显示； 5、如果一个属性有几个值，则每个属性值之间用空格分隔开。 二、样式表的定义1、内联样式（嵌入式样式、行间样式表） 语法： 2、内部样式 语法： 选择符属性：属性值； 属性：属性值； /style