頁面如何引用CSS? 引用CSS有兩種方法:
1. 內(nèi)部樣式表 其中,<head>
標(biāo)簽中引用了一個(gè)<style>
標(biāo)簽。在這個(gè)標(biāo)簽中就可以定義樣式了。 此種方法的優(yōu)點(diǎn)是樣式和網(wǎng)頁在同一個(gè)文件中,在其他的文件找不到這段樣式代碼;而缺點(diǎn)就是不能重用樣式,每個(gè)網(wǎng)頁都需要重新定義樣式。 2. 外部樣式表 我們現(xiàn)在常用的方式就是將樣式放在外部文件中,以文件形式保存,并在網(wǎng)頁中使用<link>
標(biāo)簽將其引入。 此種方法的優(yōu)點(diǎn)就是讓樣式和網(wǎng)頁分離,可以重用樣式,并且可以使用緩存加快頁面加載速度;缺點(diǎn)就是無法通過抓取圖像捕捉樣式。 下面提供兩種引入外部樣式表的方法:
1. 在頭部引入:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是標(biāo)題</h1> <p>這是一段文字。</p> </body> </html>
2. 在文檔底部引入:
<!DOCTYPE html> <html> <head></head> <body> <h1>這是標(biāo)題</h1> <p>這是一段文字。</p> <script src="app.js"></script> </body> </html>
以上就是兩種引入CSS樣式的方式,選擇哪種方式,根據(jù)個(gè)人需要和實(shí)際情況來決定。