HTML中引入css和js的方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML中引入css和js的方法相关的知识，希望对你有一定的参考价值。
参考技术A我们在html中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
工具/材料
Sublime Text
- 01
首先新建一个文件夹，在文件夹下面建立如下图所示的文件
02接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
03然后我们在Head标签内用link标签引入CSS文件，如下图所示
04最后用Script标签引入JS文件即可，如下图所示
在html中引入css和js的方法
在html中引入css代码
在html中插入CSS样式表的方法有三种：
1.外部样式表(External style sheet)：即所有的样式单独写在一个.css文件中，在html文件的head部分通过link进行链接
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
其中href表示的是外部css文件的路径和名称
2.内部样式表(Internal style sheet)：即写在html文件内，同样在head部分，但是是通过<style>······</style>进行引入的
<head>
<style>
body {background-image:url("images/back40.gif");}
hr {color:red;}
p {margin-left:20px;}
</style>
</head>
3.内联样式(Inline style)：即将css表现内容与html内容糅合在一起，需要在html标签内通过style=‘ ‘来引用
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
对于一个html文件，可以同时使用多种css样式，此时显示优先级为内联样式 > 内部样式 > 外部样式 > 浏览器默认样式
在html中引入js代码
1.在head部分通过script引入
······ <head> <script src=‘js文件路径及名称‘></script> </head> ······
2.在文件中直接通过script编写，通过这种方法引入时推荐卸载body的最后，或者body与结尾html标志之间，这样所有的html文档标签加载完毕，便于通过标签讯遭到对应的js代码块。
······ <script> alter(asdfghjkl) </script> ······
以上是关于HTML中引入css和js的方法的主要内容，如果未能解决你的问题，请参考以下文章