」語句呼叫;2、在style標籤內,使用「@import url ("檔案路徑")」語句呼叫。"/> 」語句呼叫;2、在style標籤內,使用「@import url ("檔案路徑")」語句呼叫。">

首頁  >  文章  >  web前端  >  HTML怎麼呼叫css文件

HTML怎麼呼叫css文件

青灯夜游
青灯夜游原創
2021-04-26 12:02:404442瀏覽

呼叫方法:1.在文件head部分,使用「530e89b1226dc52356e76b9d6bb6ceff」語句呼叫;2、在style標籤內,使用「@import url("檔案路徑")」語句呼叫。

HTML怎麼呼叫css文件

本教學操作環境: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>

連結式和導入式的區別

2cdf5bf648cf2f33323966d7f58a7f3f

1、屬於XHTML

2、優先加載CSS檔案到頁面

@import

1、屬於CSS2.1

2、先載入HTML結構在載入CS​​S檔案。

(學習影片分享:css影片教學

以上是HTML怎麼呼叫css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn