重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
屬性:position:relative | absolute | static | fixed
創新互聯建站堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都做網站、成都網站建設、成都外貿網站建設、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的善左網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
static(靜態) 沒有特別的設定,遵循基本的定位規定,不能通過z-index進行層次分級。
relative(相對定位) 對象不可層疊、不脫離文檔流,參考自身靜態位置通過 top,bottom,left,right 定位,并且可以通過z-index進行層次分級。
absolute(絕對定位) 脫離文檔流,通過 top,bottom,left,right 定位。選取其最近一個最有定位設置的父級對象進行絕對定位,如果對象的父級沒有設置定位屬性,absolute元素將以body坐標原點進行定位,可以通過z-index進行層次分級。
fixed(固定定位) 這里所固定的參照對像是可視窗口而并非是body或是父級元素。可通過z-index進行層次分級。
樣式沖突是正常的:
因為我們可以對一個元素以不同的方式設置同一個樣式。
比方你在一個類里設置了該樣式,color:red;
但是在一個內聯元素上也設置了 color:green;
那這里顯示后面的,因為內聯大于一切!
一般的權的算法是:
ID CLASS 標簽
100 10 1
內聯大于外聯
所謂的樣式表層疊:指的是同一個元素通過不同方式設置樣式表產生的樣式重疊。
電腦培訓認為樣式表繼承:指的是某一個被嵌套的元素得到它父元素樣式。
還有一種樣式叫瀏覽器樣式,是這個元素在這個瀏覽器運行時默認附加的樣式。
1.瀏覽器樣式b這個元素隱含加粗樣式/bspanstyle="font-weight:bold;"這個元素通過style加粗/span解釋:b元素就是具有加粗的隱含樣式,而span元素沒有任何隱含樣式,通過style屬性設置樣式。
2.樣式表層疊樣式表層疊通過五種方式進行,如果樣式相同,那么比如會產生沖突替換。
這時,它的優先級順序就顯的比較重要。
以下優先級從低到高:(1).瀏覽器樣式(元素自身攜帶的樣式);(2).外部引入樣式(使用link引入的樣式);(3).文檔內嵌樣式(使用style元素設置);(4).元素內嵌樣式(使用style屬性設置)。
3.樣式繼承如果某一個元素并沒有設置父元素相關的樣式,那么就會使用繼承機制將父元素的樣式集成下來。
//b元素繼承了p元素的樣式pstyle="color:red;"這是bHTML5/b/p樣式繼承只適用于元素的外觀(文字、顏色、字體等),而元素在頁面上的布局樣式則不會被繼承。
如果繼承這種樣式,就必須使用強制繼承:inherit。
可以有三種理解方式,如下:
一:層疊性指的是樣式的優先級,當產生沖突時以優先級高的為準。
開發者樣式讀者樣式瀏覽器樣式(除非使用!important標記
)
id選擇符(偽)類選擇符元素選擇符
權重相同時取后面定義的樣式
二:
CSS層疊性是指CSS樣式在針對同一元素配置同一屬性時,依據層疊規則(權重)來處理沖突,選擇應用權重高的CSS選擇器所指定的屬性,一般也被描述為權重高的覆蓋權重低的,因此也稱作層疊。每個CSS選擇器都會有一個權重,當兩個選擇器同時配置同一元素的同一屬性時(比如一個設置color:red,另一個color:black),就會產生沖突,而解決沖突的方案就是CSS選擇器的權重,權重高的來覆蓋權重低的。
三:層疊性指的是上級標簽的樣式會自動繼承到其所有下級標簽,如針對body設置的標簽選擇器所設的字體樣式會自動應用到body下的p中,除非p重寫了相關樣式將其覆蓋。
首先 p沒有默認的字體樣式 如果 沒有為p單獨設置樣式 他會繼承body的樣式
層疊指的是樣式的優先級,當產生沖突時以優先級高的為準。
1. 開發者樣式讀者樣式瀏覽器樣式(除非使用!important標記 )
2. id選擇符(偽)類選擇符元素選擇符
3. 權重相同時取后面定義的樣式
以下是一段經典的html,三個類名分別為模塊、標題和正文。
div class="mod"
div class="hd"/div
div class="bd"/div
/div
大部分html頁面都可以由這種結構嵌套或者累加而成。