DIV CSS商業案例與網頁布局精講讀書筆記(4)

2021-06-02 07:49:33 字數 1041 閱讀 6985

製作背景

背景分為顏色背景和背景,分別對應的css屬性是background-color和background-image

1.顏色背景

(1) 顏色背景屬性的語法:

background-color: rgb顏色分量、十六進製制顏色值、顏色英文關鍵值。

例如:background-color: rgb(255,0,255);;

background-color: #000000

background-color:red;

其中顏色英文關鍵值有乙個特殊:背景透明 (transparent).

(2) 顏色做背景時是忽略padding屬性的。

2 背景

background-image:url()  (注意:盡量將的檔名以及字尾設定為小寫字母,因為在一些環境中大寫字母表示的不能顯示;另外,由於在某些環境中背景無法顯示,所以在製作背景時,盡量指定背景顏色)

(2) 背景的重複

background-repeat: 屬性值

屬性值:repeat 在水平和垂直方向重複平鋪(預設值)

repeat-x在水平方向重複平鋪

repeat-y在垂直方向重複平鋪

no-repeat:不平鋪

(3) 固定背景

當頁面滾動時是否限制背景跟著滾動。

background-attachment: scroll(預設)/fixed

(4) 設定背景的顯示位置

當背景小於顯示指定的顯示範圍時,就可以設定背景在指定範圍的顯示位置

background-position: 屬性值

二是具體的單位數值, 如 background-position: 30px 70%;

(5) 漸變背景(背景色調的漸變產生視覺上的清新、通透效果)

本身是色調漸變

採用濾鏡使漸變(限於ie瀏覽器)

語法 filter:filename(parameters);  (濾鏡識別符號:filter, 濾鏡屬性名:filename, 該濾鏡的屬性引數parameters)

具體的濾鏡使用查閱css。

div css 網頁布局

今天剛弄的,呵呵 設為首頁 加入收藏 12月活動 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 人之所以...

div css 網頁布局基礎

a link a hover a visited 偽類 css中很有用的知識點 p.cls1 p.cls2 萬用字元選擇器 四種選擇器優先順序 id選擇器 class html 萬用字元選擇器 父子選擇器 id1 span 1父子選擇器可以運用到任何選擇器中結合使用2不好超過三層,3有嚴格的層級關係...

網頁布局值DIV CSS

1 css的建立與使用 插入樣式表方法 a 外部樣式表 當樣式需要應用於很多頁面時,外部樣式表是理想的選擇。格式 stylesheet type text css href test.css b 內部樣式表 當單個文件需要特殊的樣式是,就應使用內部樣式表。type text css body h1h...