邊框背景列表連線及複雜的選擇器

1.控制背景固定不動，不隨滾動條的滾動而滾動body 

描述scroll

預設值。背景影象會隨著頁面其餘部分的滾動而移動。

fixed

當頁面的其餘部分滾動時，背景影象不會移動。

inherit

規定應該從父元素繼承 background-attachment 屬性的設定。

更多相關背景的設定 

屬性描述

background

簡寫屬性，作用是將背景屬性設定在乙個宣告中。

background-attachment

背景影象是否固定或者隨著頁面的其餘部分滾動。

background-color

設定元素的背景顏色。

background-image

把影象設定為背景。

background-position

設定背景影象的起始位置。

background-repeat

設定背景影象是否及如何重複。

背景顏色漸變

div

讓我們把多個背景放在我們精彩的盒子上——我們想要看到漸變和火球，兩者同時出現：

p

描述none

定義無邊框。

hidden

與 "none" 相同。不過應用於表時除外，對於表，hidden 用於解決邊框衝突。

dotted

定義點狀邊框。在大多數瀏覽器中呈現為實線。

dashed

定義虛線。在大多數瀏覽器中呈現為實線。

solid

定義實線。

double

定義雙線。雙線的寬度等於 border-width 的值。

groove

定義 3d 凹槽邊框。其效果取決於 border-color 的值。

ridge

定義 3d 壟狀邊框。其效果取決於 border-color 的值。

inset

定義 3d inset 邊框。其效果取決於 border-color 的值。

outset

定義 3d outset 邊框。其效果取決於 border-color 的值。

inherit

規定應該從父元素繼承邊框樣式。

建立不可見的邊框

border-color: transparent;

CSS選擇器及背景相關

偽類選擇器 選擇器優先順序 css單位 背景 屬性選擇器的標準語法如下 e attribute e 代表元素 attribute 代表屬性 自定義屬性 只需要在標籤後加上自定義的屬性，例如 中的data code 語法如下 data code style 若自定義屬性內有值則需要在中括號內完整的寫出...

複雜的CSS選擇器

一.基本的css選擇器 1.萬用字元 例 2.類別選擇器 例 container 3.id選擇器 例 div1 4.群組選擇器 例 span,class,id 5.並列選擇器 例 div.class 6.子代選擇器 例 div span 7.直接子代選擇器 例 div span 二.複雜的css選擇...

層次選擇器的4種選擇器列表

選擇器 描述返回 示例 ancestor descendant 選取ancestor元素裡的所有descendant 後代 元素 集合元素span div span 選取裡的所有的元素 parent child 選取parent元素下的child 子 元素，與 ancestor descendant...