美文网首页
html文件中嵌入css文件和js文件的方法收集

html文件中嵌入css文件和js文件的方法收集

作者: Eric苏离 | 来源:发表于2016-10-22 09:43 被阅读111次

1. 在html文件中嵌入css文件的方法

(1)直接在html文件中写入css文件 --- 不推荐
<pre><code>
<style type = "text/css">
p {
font-size:12px;
color:red;
font-weight:bold;
}
</style>
</pre></code>

(2)将写好的css文件使用链接的方式(外部样式单), 链接到html文件 --- 推荐
<pre><code>
<link href = "des.css" rel = "stylesheet" type = "text/css">
</pre></code>
Ps - a . dec.css 就是你要链入的文件样式
b. 上面的代码一般放在, head 标签里
c. rel="stylesheet" type="text/css" 是固定写法不可修改

2. 在html文件中前途js文件的方法

(1)直接在html文件中嵌入js文件 -- 不推荐
<pre><code>
<html>
<body>
<script type = "text/javascript">
** javascript 代码**
</script>
</body>
</html>
</pre></code>

有时候也会这样写:

<pre><code>
<script language="JavaScript">

</script>
</pre></code>
这样写的目的是怕有些版本太低的浏览器, 不支持js。不过 , 我建议大家不要这样写, 因为如果一个网民还用着这么低版本的浏览器, 我们也不用惯着他。 他实在是太土了。 --- 我是一个傲娇的男子

(2)使用外部js文件嵌入到html文件中 -- 推荐
你提前写好js代码,使用一下代码来对html生效
<pre><code>
<script type = "text/javascript" src = "des.js"></script>
</pre></code>

无论使用css文件,还是使用js文件, 我都建议各位大哥使用外部链接的方式, 一来代码看起来舒服,二来方便以后的管理, 修改和维护。

相关文章

网友评论

      本文标题:html文件中嵌入css文件和js文件的方法收集

      本文链接:https://www.haomeiwen.com/subject/ylzcuttx.html