CSS是一種樣式表語言,用于控制網頁的外觀和布局。將CSS導入HTML有兩種方法:內聯樣式和外部樣式表。下面將詳細介紹每種方法的使用。
<!-- 內聯樣式 --> <p style="color: blue; font-size: 16px;">這是一個具有藍色字體和16像素字體大小的段落。</p>
內聯樣式是通過在HTML元素中使用style屬性指定樣式來實現的。在style屬性中,可以使用CSS屬性和值來描述元素的樣式,這些屬性和值通常由分號分隔。此方法適用于單個元素的樣式設置。
<!-- 外部樣式表 --> <link rel="stylesheet" href="style.css">
外部樣式表是在HTML中引用的CSS文件,通常具有.css擴展名。將CSS代碼放在外部文件中,可以使網頁的樣式和內容分離開來,增強了可維護性和可重用性。以上代碼片段中的link元素指定了外部樣式表的位置,通過rel和href屬性來描述。
/* style.css */ p { color: blue; font-size: 16px; }
在上述示例中,外部樣式表文件中的CSS代碼設置了所有p元素的樣式。這意味著,在HTML中使用p元素時,它們將自動獲得所指定的樣式。
綜上所述,使用CSS可以為網頁添加美觀和布局。通過內聯樣式或外部樣式表,可以導入CSS到HTML,并使用CSS屬性和值來控制元素的樣式。
上一篇CSS導入HTML鏈入式
下一篇mysql數據庫刪除主鍵