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