CSS外部樣式是網(wǎng)頁設(shè)計(jì)中的重要組成部分,其主要作用是將網(wǎng)頁的內(nèi)容與布局分離,將樣式定義放在外部樣式表中,統(tǒng)一管理網(wǎng)頁的樣式,讓頁面內(nèi)容和樣式更加清晰易懂。
以上是一個(gè)簡(jiǎn)單的外部樣式表,通過定義標(biāo)簽名和CSS屬性及屬性值來改變網(wǎng)頁的樣式。可以看到,在樣式表中,每個(gè)屬性的定義都是放在一對(duì)花括號(hào)中({}),將屬性名和屬性值用冒號(hào)隔開,多個(gè)屬性之間用分號(hào)隔開。
將樣式定義放在外部樣式表中,不僅使得代碼更加整潔規(guī)范,還便于維護(hù)和修改。在HTML文件中,只需要引用外部樣式表,而不需要寫具體的樣式代碼,如下所示:
通過上述代碼,文件中引用了一個(gè)名為“style.css”的外部樣式表文件,使得網(wǎng)頁內(nèi)容和樣式分離,減小了HTML文件的體量
最后,值得注意的是,在同一HTML文件中也可以使用內(nèi)部樣式和行內(nèi)樣式,這些樣式的優(yōu)先級(jí)分別為行內(nèi)樣式>內(nèi)部樣式>外部樣式。