|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是關于css中background(背景) 屬性的特點介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。簡寫順序:color-image-repeat-attachment-position eg:body{background:#ffffff url('img.png') no-repeat right top} 下來按順序介紹每個屬性特點: 一、background-color:red;#ffffff;rgb(255,255,255); 三種顏色表示方法,分別是顏色名,十六進制和RGB;可以為所有元素設置背景色;默認透明。 二、background-image:url(‘img.jpg’) 圖片地址可以是相對路徑也可以是絕對路徑;默認平鋪重復顯示; 三、background-repeat:repeat-x;repeat-y;no-repeat; 默認平鋪重復顯示; 四、background-attachment:scroll;fixed;local;inherit; background-attachment的意思是指背景圖像是否固定或者隨著頁面的其余部分滾動;默認scroll; scroll是指背景圖片隨著頁面其余部分滾動;fixed為固定;inherit是從父元素繼承;local是隨滾動元素滾動。 五、background-position:bottom center;top;66% 33%;50px 100px; 4種表示法:一是top,left,bottom,right,center組合;二是一個值,系統默認為center;三是百分比;四是直接寫像素。 后兩種精確度高。 六、background-clip:border-box;padding-box;content-box;規定背景圖的繪制區域。 七、background-origin:border-box;padding-box;content-box;規定背景圖的定位區域。 注意:如果背景圖像background-attachment是“固定”,這個屬性沒有任何效果。 八、background-size:auto(默認);length(兩個值,一個寬一個高,一個值的話默認第二個是auto);percentage(賦值原理同length);cover(此時會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區域的最小大。;contain(此時保持圖像的縱橫比并將圖像縮放成將適合背景定位區域的最小大。; 相關推薦: CSS:背景顏色/背景圖像_html/css_WEB-ITnose 以上就是css中background(背景) 屬性的特點介紹的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!