CSS學習總結 基礎篇 背景的修改

2021-10-02 19:37:38 字數 2358 閱讀 6122

css可以使用背景屬性設定背景顏色,背景,背景平鋪,背景位置,背景圖固定等。

background-color屬性可以定義任意元素的背景顏色。 預設值是transparent(透明)。

示例**:

"utf-8"

>

表單<

表單<

如果需要設定背景是否平鋪,可以通過background-repeat屬性來設定,有四個引數

引數作用

repeat

背景平鋪

no-repeat

背景不平鋪

repeat-x

沿著x軸方向平鋪

repeat-y

沿著y軸方向平鋪

示例**:

"utf-8"

>

背景<

引數值說明

length

可以是百分數,或者是浮點數字和單位識別符號組成的長度值

position

可以設定的屬性有top center bottom left right 方位名詞

示例**:

"utf-8"

>

背景<

指定的兩個值都是方位名詞,並且於順序沒有關係

可以只指定乙個方位名詞,第二個值預設為居中對齊。

引數可以是精確座標,乙個是x座標,乙個是y座標。 y座標可以省略,預設居中對齊。

background-position:

15px 20px;

引數也可以是混合單位。background-position: 15px center;即將某張固定在頁面中,不隨著滾動而滾動。

background-attachment 屬性可以用於設定背景影象是否固定在頁面中的某個位置或者隨著頁面其餘部分而滾動。

引數作用

scroll

背景是隨物件內容滾動

fixed

背景影象固定

示例**:

background-attachment: fixed;
為了節約**量,可以將背景屬性寫在同一句**裡。

當使用簡寫屬性時,沒有特定的書寫順序,一般習便約定順序為:

background:背景顏色 背景位址 背景平鋪 背景影象滾動 背景位置;

示例**:

background: aqua url

("imag-1.png"

) no-repeat fixed center top;

css可以設定背景顏色半透明的效果

語法格式:

background:rgba(0,0,0,0.3);

"utf-8"

>

背景<

/title>

div<

/style>

<

/head>

<

/div>

<

/body>

<

/html>

CSS背景的修改

background attachment背景影象是否固定或者隨著頁面的其餘部分滾動 background color設定元素的背景顏色 background image把設定為背景 background positon設定背景的起始位置 當right時 包含2個屬性 right和centercen...

CSS學習總結 基礎篇 CSS選擇器

選擇器就是根據不同需求把不同的標籤選出來,然後針對性性的進行樣式設定 通過選擇器,我們還可以實現各種複雜的指定,同時也能大量減少樣式表的 書寫量,最終書寫出來的樣式表也會變得簡潔明瞭。即把某個標籤選擇出來 示例 選擇器分為基礎選擇器和復合選擇器兩大類。基礎選擇器就是由單個選擇器構成 基礎選擇器又可以...

CSS學習總結 基礎篇 設計字型屬性

css fonts屬性可以用於定義字型系列,大小,粗細,和文字樣式 斜體,加粗,下劃線等 css使用font family屬性定義文字的字型系列 語法格式 p div 示例 doctype html en utf 8 字型屬性 title h2p style head 標題字型設定為微軟雅黑 h2 ...