在CSS中,有兩種主要的樣式格式:內(nèi)聯(lián)樣式(內(nèi)嵌樣式)和外部樣式。內(nèi)聯(lián)樣式是在HTML標(biāo)簽中使用style屬性來定義樣式,而外部樣式是在CSS文件中定義的樣式,通過鏈接外部CSS文件,將樣式應(yīng)用于HTML頁面。
內(nèi)聯(lián)樣式的格式是:
<element style="屬性:值;">
其中,element是HTML標(biāo)簽,屬性是CSS屬性名,值是CSS屬性值,中間用冒號隔開,屬性和值之間用分號隔開。
例如:
<p style="color:red;font-size:18px;">這是一段紅色、字體大小為18px的文本</p>
使用內(nèi)部樣式的格式是:
<head> <style> selector{ 屬性:值; 屬性:值; } </style> </head> <body> <element>內(nèi)容</element> </body>
其中,selector是HTML元素的選擇器,屬性和值的格式與內(nèi)聯(lián)樣式相同。
例如:
<head> <style> p{ color:red; font-size:18px; } </style> </head> <body> <p>這是一段紅色、字體大小為18px的文本</p> </body>
與內(nèi)聯(lián)樣式相比,外部樣式可以方便地統(tǒng)一修改多個HTML元素的樣式,在開發(fā)復(fù)雜的網(wǎng)站時尤為方便實(shí)用。但在需要定義單個頁面樣式時,內(nèi)聯(lián)樣式也是非常便捷的選擇。