【叢林】CSS background 背景淺談

tinyq 發布于2019-08-29 16:09 / 2873人閱讀

摘要：不建議使用英文代碼，不同瀏覽器對不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片，用設置路徑。固定，當頁面的其余部分滾動時，背景圖像不會移動。

定義和用法 基本屬性：color, image, position, repeat 背景顏色 background-color

值為顏色值或transparent二者選其一,默認值是transparent（透明）。

顏色值可以為16進制顏色碼或者RGB顏色值，也可以是英文代碼。不建議使用英文代碼，不同瀏覽器對不同顏色代碼處理的效果有可能不同。

設置背景顏色作為后備也是很重要的。背景顏色在各處都得到了支持，而背景梯度等更奇異的特性只在較新的瀏覽器中得到支持，加上背景圖像可能由于某種原因無法加載。因此，設置基本的背景顏色和指定這些特性是一個好主意，因此無論如何，元素的內容都是可讀的。

背景圖像 background-image

指定顯示的背景圖片，用url()設置路徑。

默認的圖片重復方式為水平垂直皆重復。

背景重復 background-repeat

指定背景圖像如何重復的，默認值是repeat（一直重復，直到整個元素的背景被填充）

值	描述
no-repeat	不重復
repeat	垂直和水平都重復
repeat-x	X軸方向（水平）重復
repeat-y	Y軸方向（垂直）重復

背景位置 background-position

指定定位背景圖片的位置，原點為左上角（0,0）。

可輸入兩個值代表 X 軸和 Y 軸，也可以只輸入一個值。

可輸入長度值（px等）、相對值（rem等）、百分比、關鍵字（left，center，right,top，bottom）

若只輸入一個值，則代表 X 軸的值，Y 軸變成center

值可以混搭，如background-position:9px top;

額外屬性 背景滾動 background-attachment

指定當內容滾動時背景如何滾動。

值	描述
scroll	默認值。滾動，背景圖隨著頁面的滾動而移動。
fixed	固定，當頁面的其余部分滾動時，背景圖像不會移動。

待研究：
https://developer.mozilla.org...

云服務器 GPU云服務器設計淺談淺談javascript Background 淺談sdwan解決方案

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113557.html

【叢林】CSS 邊框淺談

摘要：如果邊框樣式是，邊框寬度實際上會重置為。不允許指定負長度值。值描述定義無邊框。不過應用于表時除外，對于表，用于解決邊框沖突。如果沒有為邊框聲明顏色，它將與元素的文本顏色相同。這個值用于創建有寬度的不可見邊框。擴展屬性邊框圖像定義和用法圍繞元素內容和內邊距的一條或多條線。基本屬性：寬度、樣式、顏色寬度 border-width border-width 簡寫屬性為元素的所有邊...

seanlook 2019-08-29 16:16 評論0 收藏0
【叢林】HTML Table 表格淺談（邊框、隔行變色

摘要：表格的一個單元格，一行中包含幾對，一行中就有幾列。。表格的頭部的一個單元格，表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字，分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容，請對照參考。查...

sshe 2019-08-29 16:10 評論0 收藏0
【叢林】HTML Table 表格淺談（邊框、隔行變色

摘要：表格的一個單元格，一行中包含幾對，一行中就有幾列。。表格的頭部的一個單元格，表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字，分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容，請對照參考。查...

szysky 2019-08-02 11:01 評論0 收藏0
淺談padding

摘要：淺談淺談是盒子模型的一部分，代表盒子模型的內邊距。可能的值可能的值值描述瀏覽器計算內邊距規定以具體單位計的內邊距值，比如像素厘米等。默認值是規定基于父元素的寬度的百分比的內邊距規定應該從父元素繼承內邊距常用的寫法是使用，比如。淺談padding padding是CSS盒子模型的一部分，代表盒子模型的內邊距。用法 padding屬性有四個值，分別代表上、右、下、左的內邊距。 .box { ...

iliyaku 2019-04-23 13:31 評論0 收藏0
淺談高性能web前端技術棧——小白輕松做到減少HTTP請求

摘要：小白如何輕松寫出高性能前端頁面一從減少請求開始下面分別從以下幾點開篇圖片地圖，，內聯圖片，樣式表合并，腳本文件合并。操作原理通過合并圖片減少請求，并且比圖片地圖更靈活，降低下載量，合并后圖片比分離的圖片總和要小。小白如何輕松寫出高性能web前端頁面一.從減少HTTP請求開始下面分別從以下幾點開篇：圖片地圖，CSS Sprites，內聯圖片，樣式表合并，腳本文件合并。 1.圖片地圖...

jayzou 2019-08-22 17:03 評論0 收藏0