資訊專欄INFORMATION COLUMN
摘要：的那些屬性背景的意思常用的六個(gè)屬性背景顏色背景圖像圖片位置圖片是否重復(fù)圖片定位，背景裁剪。當(dāng)不存在數(shù)值的時(shí)候，順序無所謂。疑問的復(fù)合屬性如何寫呢解答先考慮是否圖片重復(fù)，在考慮位置。
background的那些屬性
background:背景的意思
常用的六個(gè)屬性
1.background-color:背景顏色 2.background-image:背景圖像 3.background-position:圖片位置 4.background-repeat:圖片是否重復(fù) 5.background-attachment:圖片定位（fixed，scroll） 6.background-clip: 背景裁剪。有三個(gè)屬性值為 border-box（圖片或者顏色從邊框開始）; padding-box（圖片或者顏色從padding部分開始）; content-box圖片或者顏色從content部分開始）;
疑惑點(diǎn)1:圖像和顏色到底是從邊框開始的？還是從內(nèi)容開始的？
解答：背景圖像和顏色默認(rèn)是從border開始鋪上去的。如果沒有border就從下一級開始。
運(yùn)行效果圖：
疑惑點(diǎn)2:如果想設(shè)置圖像開始的位置怎么辦？
解答：
background-clip: 背景裁剪。有三個(gè)屬性值為
border-box（圖片或者顏色從邊框開始）;
padding-box（圖片或者顏色從padding部分開始）;
content-box圖片或者顏色從content部分開始）;
疑惑點(diǎn)3:background-position的屬性值有那些寫法？
解答：定位是從border的左上角開始。background-position：x,y;
第一個(gè)值是距離左邊的距離
第二個(gè)值是距離上邊的距離
x:left,center,right
y:top,center,bottom
background-position：10px; 只有一個(gè)值時(shí)，默認(rèn)第二個(gè)值是center
background-position：10px bottom;
background-position: bottom 10px ;當(dāng)存在數(shù)值的時(shí)候，順序?qū)戝e(cuò)則不顯示。存在數(shù)值時(shí)順序必須寫對。要按照前面是x值，后面是y值來寫。eg：background-position: 10px bottom ;才正確。
background-position: bottom right;當(dāng)不存在數(shù)值的時(shí)候，順序無所謂。
疑問4: background的復(fù)合屬性如何寫呢?
解答：background:先考慮是否圖片重復(fù)，在考慮位置。
Title
效果圖為：
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52134.html
摘要：的那些屬性背景的意思常用的六個(gè)屬性背景顏色背景圖像圖片位置圖片是否重復(fù)圖片定位，背景裁剪。當(dāng)不存在數(shù)值的時(shí)候，順序無所謂。疑問的復(fù)合屬性如何寫呢解答先考慮是否圖片重復(fù)，在考慮位置。 background的那些屬性 background:背景的意思常用的六個(gè)屬性 1.background-color:背景顏色 2.background-image:背景圖像 3.background-po...
摘要：控制表單控件的禁用狀態(tài)。這個(gè)符號只有會識別漸進(jìn)識別的方式，從總體中逐漸排除局部。接著，再次使用將和分離開來，這樣已經(jīng)獨(dú)立識別。生成相對定位的元素，相對于其正常位置進(jìn)行定位。元素不能用作語義用途以外的其他目的。 HTML、CSS部分 要點(diǎn)：對Web標(biāo)準(zhǔn)的理解、瀏覽器差異、CSS基本功：布局、盒子模型、選擇器優(yōu)先級及使用、HTML5、CSS3、移動端開發(fā) 技術(shù)等 1.Doctype作用? ...
摘要：控制表單控件的禁用狀態(tài)。這個(gè)符號只有會識別漸進(jìn)識別的方式，從總體中逐漸排除局部。接著，再次使用將和分離開來，這樣已經(jīng)獨(dú)立識別。生成相對定位的元素，相對于其正常位置進(jìn)行定位。元素不能用作語義用途以外的其他目的。 HTML、CSS部分 要點(diǎn)：對Web標(biāo)準(zhǔn)的理解、瀏覽器差異、CSS基本功：布局、盒子模型、選擇器優(yōu)先級及使用、HTML5、CSS3、移動端開發(fā) 技術(shù)等 1.Doctype作用? ...
摘要：中是這樣定義的屬性指定一個(gè)元素應(yīng)沿其容器的左側(cè)或右側(cè)放置，允許文本和內(nèi)聯(lián)元素環(huán)繞它。其同樣適用于設(shè)置屬性為絕對定位或固定定位的內(nèi)聯(lián)元素。至于為什么，可以理解為內(nèi)聯(lián)元素沒有盒模型，其高度由內(nèi)容決定。 白話：即上一篇我腦中飄來飄去的css魔幻屬性自己的文章推出之后，這是自己寫的第四篇CSS相關(guān)的文章，文章絕大部分是自己工作總結(jié)得來，另一部分是平日sf回答的與面試中向面試官交流學(xué)到的，都是一...
閱讀 818·2023-04-25 22:13
閱讀 2335·2019-08-30 15:56
閱讀 2218·2019-08-30 11:21
閱讀 650·2019-08-30 11:13
閱讀 2014·2019-08-26 14:06
閱讀 1950·2019-08-26 12:11
閱讀 2282·2019-08-23 16:55
閱讀 530·2019-08-23 15:30
