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