資訊專欄INFORMATION COLUMN
摘要：不建議使用英文代碼，不同瀏覽器對(duì)不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片，用設(shè)置路徑。固定，當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。
定義和用法 基本屬性：color, image, position, repeat 背景顏色 background-color
值為顏色值或transparent二者選其一,默認(rèn)值是transparent（透明）。
顏色值可以為16進(jìn)制顏色碼或者RGB顏色值，也可以是英文代碼。不建議使用英文代碼，不同瀏覽器對(duì)不同顏色代碼處理的效果有可能不同。
設(shè)置背景顏色作為后備也是很重要的。背景顏色在各處都得到了支持，而背景梯度等更奇異的特性只在較新的瀏覽器中得到支持，加上背景圖像可能由于某種原因無(wú)法加載。因此，設(shè)置基本的背景顏色和指定這些特性是一個(gè)好主意，因此無(wú)論如何，元素的內(nèi)容都是可讀的。
背景圖像 background-image指定顯示的背景圖片，用url()設(shè)置路徑。
默認(rèn)的圖片重復(fù)方式為水平垂直皆重復(fù)。
背景重復(fù) background-repeat指定背景圖像如何重復(fù)的，默認(rèn)值是repeat（一直重復(fù)，直到整個(gè)元素的背景被填充）
| 值 | 描述 |
|---|---|
| no-repeat | 不重復(fù) |
| repeat | 垂直和水平都重復(fù) |
| repeat-x | X軸方向（水平）重復(fù) |
| repeat-y | Y軸方向（垂直）重復(fù) |
指定定位背景圖片的位置，原點(diǎn)為左上角（0,0）。
可輸入兩個(gè)值代表 X 軸和 Y 軸，也可以只輸入一個(gè)值。
可輸入長(zhǎng)度值（px等）、相對(duì)值（rem等）、百分比、關(guān)鍵字（left，center，right,top，bottom）
若只輸入一個(gè)值，則代表 X 軸的值，Y 軸變成center
值可以混搭，如background-position:9px top;
額外屬性 背景滾動(dòng) background-attachment指定當(dāng)內(nèi)容滾動(dòng)時(shí)背景如何滾動(dòng)。
| 值 | 描述 |
|---|---|
| scroll | 默認(rèn)值。滾動(dòng)，背景圖隨著頁(yè)面的滾動(dòng)而移動(dòng)。 |
| fixed | 固定，當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。 |
待研究：
https://developer.mozilla.org...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/113557.html
摘要：如果邊框樣式是，邊框?qū)挾葘?shí)際上會(huì)重置為。不允許指定負(fù)長(zhǎng)度值。值描述定義無(wú)邊框。不過(guò)應(yīng)用于表時(shí)除外，對(duì)于表，用于解決邊框沖突。如果沒(méi)有為邊框聲明顏色，它將與元素的文本顏色相同。這個(gè)值用于創(chuàng)建有寬度的不可見(jiàn)邊框。擴(kuò)展屬性邊框圖像 定義和用法 圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。 基本屬性：寬度、樣式、顏色 寬度 border-width border-width 簡(jiǎn)寫(xiě)屬性為元素的所有邊...
摘要：表格的一個(gè)單元格，一行中包含幾對(duì)，一行中就有幾列。。表格的頭部的一個(gè)單元格，表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距?？商顚?xiě)或任意數(shù)字，分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容，請(qǐng)對(duì)照參考。查...
摘要：表格的一個(gè)單元格，一行中包含幾對(duì)，一行中就有幾列。。表格的頭部的一個(gè)單元格，表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距?？商顚?xiě)或任意數(shù)字，分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容，請(qǐng)對(duì)照參考。查...
摘要：淺談淺談是盒子模型的一部分，代表盒子模型的內(nèi)邊距。可能的值可能的值值描述瀏覽器計(jì)算內(nèi)邊距規(guī)定以具體單位計(jì)的內(nèi)邊距值，比如像素厘米等。默認(rèn)值是規(guī)定基于父元素的寬度的百分比的內(nèi)邊距規(guī)定應(yīng)該從父元素繼承內(nèi)邊距常用的寫(xiě)法是使用，比如。淺談padding padding是CSS盒子模型的一部分，代表盒子模型的內(nèi)邊距。 用法 padding屬性有四個(gè)值，分別代表上、右、下、左的內(nèi)邊距。 .box { ...
摘要：小白如何輕松寫(xiě)出高性能前端頁(yè)面一從減少請(qǐng)求開(kāi)始下面分別從以下幾點(diǎn)開(kāi)篇圖片地圖，，內(nèi)聯(lián)圖片，樣式表合并，腳本文件合并。操作原理通過(guò)合并圖片減少請(qǐng)求，并且比圖片地圖更靈活，降低下載量，合并后圖片比分離的圖片總和要小。 小白如何輕松寫(xiě)出高性能web前端頁(yè)面 一.從減少HTTP請(qǐng)求開(kāi)始 下面分別從以下幾點(diǎn)開(kāi)篇：圖片地圖，CSS Sprites，內(nèi)聯(lián)圖片，樣式表合并，腳本文件合并。 1.圖片地圖...
閱讀 1638·2021-11-02 14:42
閱讀 534·2021-10-18 13:24
閱讀 973·2021-10-12 10:12
閱讀 1827·2021-09-02 15:41
閱讀 3215·2019-08-30 15:56
閱讀 2886·2019-08-29 16:09
閱讀 2067·2019-08-29 11:13
閱讀 3631·2019-08-28 18:06
