CSS優先級,權重值,定位屬性,盒子模型


CSS優先級

    當CSS沖突的時時候,一般采用就近原則(誰離得比較近就用誰的樣式)

    行內樣式>內嵌樣式>外部樣式

    行內樣式>id>class>標簽

權重值

    當多個標簽id,lass在一起作用同一個目標時,就要計算權重值。哪個高就用哪個樣式

    標簽:1

    class:10

    ID:100

    行樣式:1000

    !important; 有這個代碼則優先執行

    CSS繼承的權重值為0,一般和文本的一般都會繼承,邊框,寬,高。margin,padding,背景都不會繼承

CSS定位屬性 position:static fixed relative absolutc

   用position的時候必配合着定位坐標(距上邊top,距右邊right,距下邊bottom,距上邊top)

    static,靜態,不定位

    fixed,固定,脫離正常的文本流,比普通文本流高級。相當於瀏覽器文本進行定位,一直在視野范圍內,不會隨着滾動條滾動而移動

    relative,相對定位。相當於自己定位,自己原來的位置空着但是別的元素還是不能霸占的,定位后的位置下面還是可以放東西的。如:position:relative;top:10px;在原來位置的下方10像素

    absolute,絕對定位,相當於最近的具有定位屬性(相對定位或者絕對定位都行)的元素進行定位,如果沒有則相當於body定位,當多個絕對定位容器在一起,則z-index屬性值大的在上面,如果沒有這個屬性時,默認后面的在前面的上面。

    外層元素一般設置相對定位,不用坐標

    內層元素一般設置絕對定位,配合着定位左邊

盒子模型:邊框線。內填充,外邊距

    border,邊框線

    padding,內填充

    margin,外邊距

    一個盒子的寬度為,(外邊距+內填充+邊框線)*2

    如果兩個盒子(div屬性)豎着放一起則他們的margin(外邊距)屬性將會以大的為准

    如果兩個盒子(div屬性)水平放一起則他們的margin(外邊距)屬性將會相加

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM