CSS(Cascading Style Sheets)是用來為HTML(Hypertext Markup Language)文檔添加樣式的語言。它可以讓我們輕松地為網(wǎng)頁添加各種樣式,例如字體、顏色、布局等等。在CSS中,有三種不同的樣式:內(nèi)聯(lián)樣式、嵌入式樣式和外部樣式。
內(nèi)聯(lián)樣式直接在HTML標記中指定樣式。例如:
<p style="color:red; font-size: 20px;">這是內(nèi)聯(lián)樣式</p>
這種樣式調(diào)用方式與HTML語法混合在一起,不太優(yōu)雅,也不太方便修改。此外,每個元素只能使用一次內(nèi)聯(lián)樣式。因此,它沒有被廣泛使用。
嵌入式樣式使用<style></style>標簽在HTML文檔內(nèi)部定義樣式。例如:
<head> <style> p { color: red; font-size: 20px; } </style> </head> <body> <p>這是嵌入樣式</p> </body>
這種樣式的定義在<head></head>標記中,不與具體HTML元素混合,能夠集中控制多個元素的樣式。但仍然需要在每個HTML元素中指定樣式。它的使用形式介于內(nèi)聯(lián)樣式與外部樣式之間。
外部樣式定義在CSS文件中,并用<link>標簽將其鏈接到HTML文檔中。例如:
<head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是外部樣式</p> </body>
使用外部樣式的優(yōu)點在于樣式與HTML文檔分離,便于樣式的修改和維護。樣式定義在外部文件中,可以被多個HTML文檔共享,提高了重用性。