通過在 html 文檔的
部分使用 <link> 標簽,可以將外部 css 文件連接到 html5 文檔:創建一個擴展名為 .css 的 css 文件,例如 styles.css。在 html 文檔的 部分內,添加 <link> 標簽,指向 css 文件的位置,例如:。在 css 文件中,
如何使用 HTML5 連接 CSS
引子:
CSS (層疊樣式表) 用于為 HTML 文檔添加樣式和布局。為了使用 CSS,需要將它連接到 HTML 文件中。本文將介紹如何在 HTML5 中連接 CSS。
步驟:
創建 CSS 文件:
使用文本編輯器創建一個新的 CSS 文件,通常以 .css
為擴展名。例如,styles.css
。
在 HTML 文檔中引用 CSS 文件:
在 HTML 文檔的 部分內,使用
<link>
標簽引用 CSS 文件。 部分位于文檔頂部,
<title></title>
標簽之前。
<code class="html"> <title>我的頁面</title> <link rel="stylesheet" href="styles.css"></code>
登錄后復制
-
在 CSS 文件中編寫樣式:
在 CSS 文件中,使用 CSS 規則為 HTML 元素添加樣式。CSS 規則由選擇器和聲明塊組成。選擇器指定要應用樣式的 HTML 元素,聲明塊指定要應用的樣式屬性。
<code class="css">body { font-family: Arial, sans-serif; font-size: 16px; }</code>
登錄后復制
提示:
將 CSS 文件放在與 HTML 文檔相同的目錄中,以確保鏈接正確。
可以引用多個 CSS 文件,只需在 部分中添加額外的
<link>
標簽即可。
使用外部 CSS 文件可以使 HTML 文檔更容易維護,因為樣式保存在一個單獨的文件中。