在html中引入css和js的方法
阿新 • • 發佈：2019-01-08
在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> ······