呼叫方法:1.在文件head部分,使用「」語句呼叫;2、在style標籤內,使用「@import url("檔案路徑")」語句呼叫。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS樣式的引入方式共有三種:行內樣式、內部樣式表、外部樣式表。其中,外部樣式表就是一個包含css樣式的.css檔。
那麼在HTML中怎麼呼叫外部css檔?有兩種方式:連結式、導入式。
語法:
1、連結式
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
2、導入式
<style type="text/css"> @import url("css文件路径"); </style>
例如:
<!DOCTYPE> <html> <head> <meta charset="utf-8" /> <title>外部样式表</title> <!--链接式:推荐使用--> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!--导入式--> <style type="text/css"> @import url("css/style.css"); </style> </head> <body> <ol> <li>1111</li> <li>2222</li> </ol> </html>
連結式和導入式的區別
1、屬於XHTML
2、優先加載CSS檔案到頁面
@import
1、屬於CSS2.1
2、先載入HTML結構在載入CSS檔案。
(學習影片分享:css影片教學)
以上是HTML怎麼呼叫css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!