CSS基礎知識 backgroung(背景)

2021-08-21 07:41:09 字數 1049 閱讀 5443

/*****************************背景圖*****************************/

background (縮寫形式)

background-color (背景顏色)

語法:background-color: "顏色";

background-image (背景)

語法:background-image: url("....");

background-repeat (背景圖重複位置)

其屬性值可以為:repeat-x(x軸方向填充)/repeat-y(y軸方向填充)/no-repeat(不填充)三種

background-position (背景位置座標,偏移量)

語法:background-poosition:left;background-position: 20px 20px;//當指定x或y中的乙個方向時,另乙個方向預設是居中效果

background-clip (背景的裁剪位置)

其屬性值可以為:1:border-box:從外邊框出開始剪下   2:padding-box:從內邊距開始剪下   3:content-box:從內容出開始剪下

background-origin (背景開始的顯示位置)

其屬性值可以為:1:border-box:從外邊框開始顯示  2:padding-box:從內邊距開始 3:content-box:從內容處開始

background-size (背景的大小)

其屬性值可以為:1:100% 100%是x,y軸上完全放大填充,不管是否失真 2:cover(覆蓋):等比例縮放,知道最小部分填滿容器有可能會出現顯示不全的效果 3:contain(包含):也是等比例縮放,直到最大部分填滿容器 有可能出現覆蓋不完整的效果

background-attachment (以滾軸的形式體現)

其屬性值可以為:1:fixed 2:scroll(預設) 3:local(新加的)  當取fixed時,背景不隨元素的移動而移動,相當於窗體進行固定。scroll隨元素的移動而移動。local:隨內容的移動而移動。

css sprite(雪碧圖)

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...