CSS 也即層疊樣式表,是一種常用于定義 HTML 文件外觀的樣式語言,其中最重要的特性就是“層疊” - 即多個(gè)樣式規(guī)則可以同時(shí)應(yīng)用到同一個(gè)元素上,并按照一定規(guī)則進(jìn)行合并與沖突解決。而為了將樣式表中的樣式規(guī)則應(yīng)用到 HTML 文件中,我們需要使用一些引用方式來實(shí)現(xiàn)。
在 HTML 文件中,我們可以使用 <link> 標(biāo)簽來引用一個(gè)外部的 CSS 樣式表,如下所示:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上述代碼中的 <link> 標(biāo)簽定義了一種外部樣式表,其 rel 屬性指定其類型為樣式表,type 屬性指定其文件類型為 text/css,而 href 屬性則指定其文件名為 style.css,即樣式表所在的文件。
另外,在 HTML 文件中,我們也可以使用 <style> 標(biāo)簽來定義頁面內(nèi)的樣式表,如下所示:
<head> <style> p { color: red; } </style> </head>
上述代碼中的 <style> 標(biāo)簽定義了一種頁面內(nèi)樣式表,其中 p 為選擇器,而 color 為樣式屬性,將其設(shè)定為紅色。
最后,我們還可以使用內(nèi)聯(lián)樣式來針對(duì)單個(gè)元素設(shè)置樣式,如下所示:
<p style="color: blue;">這是一段藍(lán)色文字</p>
上述代碼中,在 <p> 標(biāo)簽內(nèi)部使用 style 屬性來定義藍(lán)色文字的樣式。
以上即為常見的 CSS 樣式表引用方式,具體應(yīng)根據(jù)實(shí)際情況來選擇最適合的引用方式。