admin 管理员组

文章数量: 887021


2024年2月23日发(作者:不为人知的网络编程)

html中CSS文件与JS文件的创建与引入

CSS创建

如何插入样式表 插入样式表的方法有三种:

外部样式表(External style sheet)

内部样式表(Internal style sheet)

内联样式(Inline style)

外部样式表

hr {color:sienna;} p {margin-left:20px;} body {background-image:url("/images/");}

内部样式表

内联样式

由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。

这是一个段落。

多重样式优先级

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在

HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。 一般情况下,优先级如下: 内联样式)Inline style >

(内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式

HTML中JavaScript 用法

您无需理解上面的代码。只需明白,浏览器会解释并执行位于 之间的 JavaScript 代码

在 或者 的JavaScript

您可以在 HTML 文档中放入不限数量的脚本。 脚本可位于 HTML 的 或

部分中,或者同时存在于两个部分中。 通常的做法是把函数放入

部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

外部的 JavaScript

文件代码如下:

function myFunction( { mentById("demo").innerHTML="我的第一个 JavaScript 函数"; }


本文标签: 样式 样式表 文件 页面