CSS配置顏色和文字
阿新 • • 發佈:2021-06-22
層疊樣式表的優點
- 更多排版和頁面佈局控制
- 可控制字號、行間距、字間距、縮排、編劇以及定位
- 樣式和結構分離
- 頁面使用的文字格式和顏色可獨立於網頁主體(body區域)進行配置和儲存
- 樣式可以儲存
- 允許將樣式儲存到單獨文件並將其與網頁關聯
- 樣式變得更小
- 網站維護更容易
配置層疊樣式表
- 內聯樣式
- 將程式碼直接寫入網頁的主體區域
- 嵌入樣式
- 在網頁頁頭區域(
<head></head>
之間)定義
- 在網頁頁頭區域(
- 外部樣式
- 單獨檔案編碼。網頁在頁頭區域用link元素連結到檔案
- 匯入樣式
- 與外部樣式類似。用
@import
指令將外部樣式表匯入嵌入樣式或匯入另一個外部樣式表
- 與外部樣式類似。用
CSS選擇符和宣告
- CSS樣式規則選擇符
- 選擇符可以是HTML元素名稱、類名或id。
- CSS樣式規則宣告
- 宣告是指要設定的CSS屬性及其值
background-color屬性
- 配置元素背景色
body{background-color:yellow}
color屬性
- 配置元素文字顏色
body{color:blue}
配置背景色和文字色
- 一個選擇符要配置多個屬性,用分號(;)分隔不同宣告
body{color:white;background-color:orchid;}