20120808 (X)HTML与CSS核心基础

来源：互联网发布：端口出现感叹号编辑：程序博客网时间：2024/06/01 15:06

一、XHTML与HTML与DHTML与HTML5区别？

HTML：

超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

XHTML：

XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的标记语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。

2000年底，国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。

DHTML：

DHTML是Dynamic HTML的简称，就是动态的html，是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML，简称DHTML)，其实并不是一门新的语言，它只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript(或其它客户端脚本)，其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范，只是一种将目前已有的网页技术、语言标准整合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

HTML5：

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

二、HTML与XHTML标记名称输写的区别？

三、HTML中导入CSS的方法？

1.行内式。

2.嵌入式。

3.导入式。

@import "mystyle.css";

整个页面装载完后，再导入CSS文件。

4.链接式。

先装载CSS文件，在装载页面主体部分。

四、CSS选择器

1.标记选择器。

2.类别选择器。

3.ID选择器。

4.交集选择器。

标记选择器+（类别选择器/ID选择器）

注：中间不能有空格。

5.并集选择器。

多个选择器通过逗号连接而成。

6.全局选择器(*)。

7.后代选择器。

多个选择器通过空格连接而成，影响各级后代。

8.子选择器。

p>span{}，只影响直接后代。

五、CSS的特性。

1.继承特性。

子标记会继承父标记的所有样式风格，子标记样式风格不会影响父标记。

2.层叠特性。

行内样式>ID样式>类别样式>标记样式

某一元素有可能从很多地方获得样式，所有需要通过优先级确定最终使用哪种样式。