怎么用html语言增加动态效果,HTML(超文本标记语言)之【动态网页】

最新推荐文章于 2024-02-23 16:56:19 发布

Flanker Edward

最新推荐文章于 2024-02-23 16:56:19 发布

阅读量1k

点赞数

文章标签：怎么用html语言增加动态效果

HTML前面已经介绍，所以CSS和JavaScript就是我们今天的主要内容。

CSS全称是级联样式表(Cascading Style Sheets)。解决内容与表现分离的问题

样式解决了一个普遍的问题

HTML 标签原本被设计为用于定义文档内容。通过使用

、

由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题，万维网联盟(W3C)，这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式(Style)。所有的主流浏览器均支持层叠样式表。

层叠次序

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置

外部样式表

内部样式表(位于

标签内部)

内联样式(在 HTML 元素内部)

因此，内联样式(在 HTML 元素内部)拥有最高的优先权，这意味着它将优先于以下的样式声明：

标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明(缺省值)。

另外一个关于CSS的重要内容就是它的盒模型。可以参考：http://www.chinaz.com/design/2010/1229/151993.shtml

JavaScript是浏览器支持的脚本语言的一种，其他还有VBScript。也是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，是一种动态、弱类型、基于原型的语言，内置支持类。一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：核心(ECMAScript)、文档对象模型(Document Object Model，简称DOM)、浏览器对象模型(Browser Object Model，简称BOM)。因此，它可以操作DOM和BOM，提供人性化的交互页面功能。

JavaScript可以放置在html中的

、标签之中，执行顺序，放到浏览器一节中去介绍。

单纯的HTML要想变得美观除非都是图片呈现，否则很难达到很好的效果，但是有CSS就可以创造出很多让人惊艳的特效！而JavaScript则使得交互更加人性化，极大的丰富了网页的呈现形式，具体的学习请参考《JavaScript权威指南》、《JavaScript语言精粹》、《CSS权威指南》、《CSS禅意花园》等

CSS和JavaScript基本每个内容都可以写很厚很厚的一本书，但是，值得注意的是，浏览器的兼容性问题，而导致这一问题出现的主要原因是，浏览器对W3C标准的支持度不一致！

关于兼容性的问题，基本的解决方法通常是查阅资料，最好使用各个浏览器都支持的CSS标准和JavaScript标准，或者采用比较流行的一些框架，框架的介绍可以问下度娘，基本都可以问出很多很多，所以此处不再详述。

最后的问题就是关于网页特效的问题，不过这个问题主要归功于设计师，是由于他们的设计才使得交互的人性化，学习研究HTML、CSS和JavaScript仅仅是为了以简便高效的方式去实现设计师的需求，设计的问题，我也不是很懂，因此还是去问度娘吧，很多以此为主题的网站、论坛等资料。