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