dreamweavercccss樣式默認是內(nèi)聯(lián),內(nèi)聯(lián)樣式可以通過style屬性直接套進定義對象的HTML標(biāo)記中去,即style屬性值就是內(nèi)聯(lián)樣式。
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供拉孜網(wǎng)站建設(shè)、拉孜做網(wǎng)站、拉孜網(wǎng)站設(shè)計、拉孜網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、拉孜企業(yè)網(wǎng)站模板建站服務(wù),十余年拉孜做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
內(nèi)容 content :盒子的主要區(qū)域,盒子中的文本內(nèi)容以及后代元素都顯示在內(nèi)容區(qū)域中。
內(nèi)邊距 padding :內(nèi)容與盒子邊界的距離。
邊框 border :邊框顯示在盒子的邊界上。
外邊距 margin :盒子和相鄰兄弟元素或父元素的距離。
盒子的大小=內(nèi)容的大小+內(nèi)邊距的大小+邊框的大小
元素默認 總寬度 = 父元素內(nèi)容的寬度 - 元素自己的左右外邊距
元素默認 內(nèi)容寬度 = 父元素內(nèi)容的寬度 - 元素自己的左右外邊距 - 元素自己的左右邊框?qū)挾?- 元素自己的左右內(nèi)邊距
有時候在寫CSS的過程中,某些限制總是不起作用,這就涉及了CSS樣式覆蓋的問題。
查找一些教材中(w3schools等),只說css的順序是“元素上的style” “文件頭上的style元素” “外部樣式文件”,但對于樣式文件中的多個相同樣式的優(yōu)先級怎樣排列,沒有詳細說明。經(jīng)過測試和繼續(xù)搜索,得知優(yōu)先級如下排列:
1. 樣式表的元素選擇器選擇越精確,則其中的樣式優(yōu)先級越高:
id選擇器指定的樣式 類選擇器指定的樣式 元素類型選擇器指定的樣式所以上例中,#navigator的樣式優(yōu)先級大于.current_block的優(yōu)先級,及時.current_block是最新添加的,也不起作用。
2. 對于相同類型選擇器制定的樣式,在樣式表文件中,越靠后的優(yōu)先級越高
注意,這里是樣式表文件中越靠后的優(yōu)先級越高,而不是在元素class出現(xiàn)的順序。比如.class2 在樣式表中出現(xiàn)在.class1之后:
.class1?{?color:?black;}
.class2?{?color:?red;?}
.class1?{color:?black;}
.class2?{color:?red;}
而某個元素指定class時采用 class="class2 class1"這種方式指定,此時雖然class1在元素中指定時排在class2的后面,但因為在樣式表文件中class1處于class2前面,此時仍然是class2的優(yōu)先級更高,color的屬性為red,而非black。
3. 如果要讓某個樣式的優(yōu)先級變高,可以使用!important來指定:
.class1?{color:?black?!important;}??
.class2{color:?red;}
本文名稱:css樣式默認樣式,css基本樣式
網(wǎng)頁地址:http://redsoil1982.com.cn/article34/dsijose.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、電子商務(wù)、微信公眾號、網(wǎng)站維護、網(wǎng)站改版、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)