CSS 如何恢復(fù)到默認(rèn)樣式？

有時(shí)候在寫CSS的過程中，某些限制總是不起作用，這就涉及了CSS樣式覆蓋的問題。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、臨高網(wǎng)站維護(hù)、網(wǎng)站推廣。

查找一些教材中（w3schools等），只說css的順序是“元素上的style” “文件頭上的style元素” “外部樣式文件”，但對于樣式文件中的多個(gè)相同樣式的優(yōu)先級怎樣排列，沒有詳細(xì)說明。經(jīng)過測試和繼續(xù)搜索，得知優(yōu)先級如下排列：

1. 樣式表的元素選擇器選擇越精確，則其中的樣式優(yōu)先級越高：

id選擇器指定的樣式 類選擇器指定的樣式 元素類型選擇器指定的樣式所以上例中，#navigator的樣式優(yōu)先級大于.current_block的優(yōu)先級，及時(shí).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;}

而某個(gè)元素指定class時(shí)采用 class="class2 class1"這種方式指定，此時(shí)雖然class1在元素中指定時(shí)排在class2的后面，但因?yàn)樵跇邮奖砦募衏lass1處于class2前面，此時(shí)仍然是class2的優(yōu)先級更高，color的屬性為red，而非black。

3. 如果要讓某個(gè)樣式的優(yōu)先級變高，可以使用!important來指定：

.class1?{color:?black?!important;}??

.class2{color:?red;}

dreamweavercccss樣式默認(rèn)是內(nèi)聯(lián)

dreamweavercccss樣式默認(rèn)是內(nèi)聯(lián)，內(nèi)聯(lián)樣式可以通過style屬性直接套進(jìn)定義對象的HTML標(biāo)記中去，即style屬性值就是內(nèi)聯(lián)樣式。

css去掉瀏覽器默認(rèn)樣式

因?yàn)楦鱾€(gè)瀏覽器默認(rèn)的樣式不同，你這種情況可以使用下面代碼清除邊距

style*{margin:0;padding:0;}/style建議做網(wǎng)站的時(shí)候，設(shè)置個(gè)reset.css樣式表清除各個(gè)瀏覽器的默認(rèn)樣式，已達(dá)到做的網(wǎng)頁在各個(gè)瀏覽器中達(dá)到統(tǒng)一，下面把YUI

Reset

CSS代碼貼出

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

margin:0;

padding:0;

}

table {

border-collapse:collapse;

border-spacing:0;

}

fieldset,img {

border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

font-style:normal;

font-weight:normal;

}

ol,ul {

list-style:none;

}

caption,th {

text-align:left;

}

h1,h2,h3,h4,h5,h6 {

font-size:100%;

font-weight:normal;

}

q:before,q:after {

content:'';

}

abbr,acronym { border:0;

}

【8】CSS盒子模型、樣式繼承和默認(rèn)樣式

內(nèi)容 content ：盒子的主要區(qū)域，盒子中的文本內(nèi)容以及后代元素都顯示在內(nèi)容區(qū)域中。

內(nèi)邊距 padding ：內(nèi)容與盒子邊界的距離。

邊框 border ：邊框顯示在盒子的邊界上。

外邊距 margin ：盒子和相鄰兄弟元素或父元素的距離。

盒子的大小=內(nèi)容的大小+內(nèi)邊距的大小+邊框的大小

元素默認(rèn) 總寬度 = 父元素內(nèi)容的寬度 - 元素自己的左右外邊距

元素默認(rèn) 內(nèi)容寬度 = 父元素內(nèi)容的寬度 - 元素自己的左右外邊距 - 元素自己的左右邊框?qū)挾?- 元素自己的左右內(nèi)邊距

【css】通配符選擇器&清除瀏覽器默認(rèn)樣式

寫法：*{}

星號即為通配符選擇器，寫在其中的樣式會(huì)應(yīng)用頁面到所有的元素中，所以使用的頻率并不高，主要用于清除瀏覽器默認(rèn)樣式。

在使用各種元素的過程中，我們會(huì)發(fā)現(xiàn)很多元素都是有默認(rèn)樣式的，比如body標(biāo)簽有默認(rèn)的padding值和margin值，h1和p標(biāo)簽有默認(rèn)的行高字號，margin值，a標(biāo)簽有默認(rèn)的下劃線，列表前面有小圓點(diǎn)等等，常常會(huì)干擾我們進(jìn)行頁面的編寫，所以我們可以事先使用通配符選擇器進(jìn)行瀏覽器默認(rèn)樣式清除。

更精準(zhǔn)的清除方法

剛剛我們使用的通配符選擇器，會(huì)給所有元素都設(shè)置一遍默認(rèn)樣式，解析的工作量會(huì)比較大，所以我們可以根據(jù)我的頁面里到底有哪些元素需要清除，使用群組選擇器寫出更精確的清除默認(rèn)樣式css，如：

可以把它寫入一個(gè)外部樣式表reset.css，如果需要清除直接導(dǎo)入就可以啦。

1、清除在編寫頁面中由于瀏覽器默認(rèn)樣式帶來的干擾。

2、兼容性更好，不同瀏覽器的默認(rèn)樣式可能會(huì)有所不同，如果不清楚可能會(huì)造成我們編寫的頁面在不同瀏覽器上的效果有所出入。

選擇器部分文章：

選擇器介紹（一）標(biāo)簽選擇器、id選擇器、類選擇器

選擇器介紹（二）后代選擇器，子代選擇器，交集選擇器，并集（群組）選擇器

通配符選擇器清除瀏覽器默認(rèn)樣式

本文名稱：css默認(rèn)樣式,css樣式表定義
文章來源：http://chinadenli.net/article22/dsepjcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、品牌網(wǎng)站制作、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)