CSS3內嵌樣式是將CSS樣式直接內嵌到HTML標簽中的方式,代碼如下:
<p style="color: red; font-size: 18px; margin: 20px;"> 這是一個帶有CSS3內嵌樣式的段落。 </p>
可以在style屬性中指定多個樣式,通過分號分隔,如:
<p style="color: red; font-size: 18px; margin: 20px; background-color: yellow;"> 這是一個帶有背景色的段落。 </p>
如果要使用特殊字符(如冒號、分號、大括號等)需要轉義,如:
<p style="border: 1px solid \#000; padding: 10px; text-align: center;"> 這是一個帶有邊框和居中文本的段落。 </p>
但是,使用內嵌樣式的缺點也很明顯,就是對于大量的樣式和多個頁面的情況下,會導致代碼難以維護和修改。因此,我們一般采用外部樣式表的方式來管理樣式。