課時99 背景關聯和縮寫(理解)

2022-08-09 07:24:13 字數 1188 閱讀 8020

1.背景屬性縮寫的樣式

background:背景顏色 背景 平鋪方式 關聯方式 定位方式;

這是開始的寫法,然後我們可以縮寫

兩者之間沒有任何的區別

2.注意點:

background屬性中,任何乙個屬性都可以被省略,所以我們經常寫以下的這個**background:#fff;這樣寫是可以的,或者,background:url();可以寫其中的乙個,都無所謂。

我們還有乙個關聯方式沒有學,我們在學之前先看下面都例項

這個時候背景已經完全移出了我們都視野,這個背景是會完全隨著我們都滾動條而滾動都,而滾動到一定程度時,這個背景就不見了,而如果我們想一直顯示這個,不想讓背景隨著滾動條滾動而滾動,我們應該怎麼辦?我們可以設定乙個關聯方式

3.什麼是背景關聯方式?

預設情況下背景會隨著滾動條到滾動而滾動,如果想讓背景隨著滾動條到滾動而滾動,那麼我們就可以修改背景和滾動條到關聯方式。

4.如何修改背景關聯方式?

在css中有乙個叫做background-attachment的屬性,這個屬性就是專門用於修改關聯方式的。

格式:background-attachment:scroll;

取值:scroll  預設值,會隨著滾動條的滾動而滾動

fixed  不會隨著滾動條的滾動而滾動

這個關聯方式僅僅作為了解就可以了,在企業開發中用的並不多。

課時97 背景定位上(掌握)

注意點 同乙個標籤可以同時設定背景顏色和背景,如果顏色和同時存在,那麼會覆蓋顏色,1.如何控制背景的位置?2.格式 background position 水平方向 垂直方向 3.取值 3.1 具體的方位名詞 水平方向 left center right 垂直方向 top center bottom...

web課時作業

關於我 重慶市 南岸區 天微明,冬天的光透過窗,印在左手的無名指上。回憶的顏色是透明的冷,於是,用視窗透入的薄薄的光暖一暖心。imax加長版 變形金剛 transformers 親歷演示文稿 2007 09 25 charset utf 8 css document box banner menu ...

css背景,背景位置,背景平鋪,背景拉伸,背景附著

css背景 css背景 背景顏色 background color black 背景 background imag url 位址 背景平鋪 不平鋪 background repeat no repeat 橫向平鋪 background repeat repeat x 縱向平鋪 background...