html中CSS文件与JS文件的创建与引入
CSS创建
如何插入样式表 插入样式表的方法有三种:
•外部样式表(External style sheet)
•内部样式表(Internal style sheet)
•内联样式(Inline style)
外部样式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
hr {color:sienna;} p {margin-left:20px;} body {background-image:url("/images/back40.gif");}
内部样式表
<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>
内联样式
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
<p >这是一个段落。</p>
多重样式优先级
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。 一般情况下，优先级如下： 内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
HTML中JavaScript 用法
<script> alert("我的第一个 JavaScript"); </script>
您无需理解上面的代码。只需明白，浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码
在 <head> 或者 <body> 的JavaScript
您可以在 HTML 文档中放入不限数量的脚本。 脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。 通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
外部的 JavaScript
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
myScript.js 文件代码如下：
function myFunction( {    ElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。