是的;
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比宜州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式宜州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋宜州地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。
因?yàn)楦鱾€(gè)瀏覽器都自帶默認(rèn)樣式,而且默認(rèn)樣式還不一樣。這樣在寫css的時(shí)候,你會(huì)發(fā)現(xiàn),很難兼容所有瀏覽器。
有些瀏覽器自帶padding值margin值。
不同的瀏覽器在對(duì)于CSS沒(méi)有定義的一些樣式屬性是不一樣的,
比如沒(méi)有在自己的CSS里面規(guī)定超鏈接有沒(méi)有下劃線的時(shí)候,有些瀏覽器有,有些瀏覽器沒(méi)有;
再比如有一些瀏覽器規(guī)定的超鏈接默認(rèn)顏色是藍(lán)色,有一些又是黑色。
而這個(gè)CSS的功能就是對(duì)幾乎所有的默認(rèn)樣式進(jìn)行重置,讓所有的瀏覽器上對(duì)于未定義的樣式瀏覽效果達(dá)到一致
(雖然說(shuō)無(wú)法完全一致,但至少可以消除掉大部分差距)
當(dāng)然如果你自己的CSS已經(jīng)對(duì)默認(rèn)樣式進(jìn)行了重置,不使用它也是可以的。
有時(shí)候在寫CSS的過(guò)程中,某些限制總是不起作用,這就涉及了CSS樣式覆蓋的問(wèn)題。
查找一些教材中(w3schools等),只說(shuō)css的順序是“元素上的style” “文件頭上的style元素” “外部樣式文件”,但對(duì)于樣式文件中的多個(gè)相同樣式的優(yōu)先級(jí)怎樣排列,沒(méi)有詳細(xì)說(shuō)明。經(jīng)過(guò)測(cè)試和繼續(xù)搜索,得知優(yōu)先級(jí)如下排列:
1. 樣式表的元素選擇器選擇越精確,則其中的樣式優(yōu)先級(jí)越高:
id選擇器指定的樣式 類選擇器指定的樣式 元素類型選擇器指定的樣式所以上例中,#navigator的樣式優(yōu)先級(jí)大于.current_block的優(yōu)先級(jí),及時(shí).current_block是最新添加的,也不起作用。
2. 對(duì)于相同類型選擇器制定的樣式,在樣式表文件中,越靠后的優(yōu)先級(jí)越高
注意,這里是樣式表文件中越靠后的優(yōu)先級(jí)越高,而不是在元素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)先級(jí)更高,color的屬性為red,而非black。
3. 如果要讓某個(gè)樣式的優(yōu)先級(jí)變高,可以使用!important來(lái)指定:
.class1?{color:?black?!important;}??
.class2{color:?red;}
/**?清除內(nèi)外邊距?**/
body,?h1,?h2,?h3,?h4,?h5,?h6,?hr,?p,?blockquote,?/*?structural?elements?結(jié)構(gòu)元素?*/
dl,?dt,?dd,?ul,?ol,?li,?/*?list?elements?列表元素?*/
pre,?/*?text?formatting?elements?文本格式元素?*/
form,?fieldset,?legend,?button,?input,?textarea,?/*?form?elements?表單元素?*/
th,?td?/*?table?elements?表格元素?*/?{
margin:?0;
padding:?0;
}
/**?設(shè)置默認(rèn)字體?**/
body,
button,?input,?select,?textarea?/*?for?ie?*/?{
font:?14px/1.5?tahoma,?\5b8b\4f53,?sans-serif;
}
h1,?h2,?h3,?h4,?h5,?h6?{?font-size:?100%;?font-weight:?normal;}
address,?cite,?dfn,?em,?var?{?font-style:?normal;?}?/*?將斜體扶正?*/
code,?kbd,?pre,?samp?{?font-family:?courier?new,?courier,?monospace;?}?/*?統(tǒng)一等寬字體?*/
small?{?font-size:?12px;?}?/*?小于?12px?的中文很難閱讀,?讓?small?正常化?*/
/**?重置列表元素?**/
ul,?ol?{?list-style:?none;?}
/**?重置文本格式元素?**/
a?{?text-decoration:?none;?}
a:hover?{?text-decoration:?underline;?}
sup?{?vertical-align:?text-top;?}?/*?重置,?減少對(duì)行高的影響?*/
sub?{?vertical-align:?text-bottom;?}
/**?重置表單元素?**/
legend?{?color:?#000;?}?/*?for?ie6?*/
fieldset,?img?{?border:?0;?}?/*?img?搭車:讓鏈接里的?img?無(wú)邊框?*/
button,?input,?select,?textarea?{?font-size:?100%;?}?/*?使得表單元素在?ie?下能繼承字體大小?*/
/*?注:optgroup?無(wú)法扶正?*/
/**?重置表格元素?**/
table?{?border-collapse:?collapse;?border-spacing:?0;?}
/*?重置?HTML5?元素?*/
article,?aside,?details,?figcaption,?figure,?footer,header,?hgroup,?menu,?nav,?section,
summary,?time,?mark,?audio,?video?{
display:?block;
margin:?0;
padding:?0;
}
mark?{?background:?#ff0;?}
理念:
1. reset 的目的不是清除瀏覽器的默認(rèn)樣式, 這僅是部分工作. 清除和重置是緊密不可分的.
2. reset 的目的不是讓默認(rèn)樣式在所有瀏覽器下一致, 而是減少默認(rèn)樣式有可能帶來(lái)的問(wèn)題.
3. reset 期望提供一套普適通用的基礎(chǔ)樣式. 但沒(méi)有銀彈, 推薦根據(jù)具體需求, 裁剪和修改后再使用.
input{bordr:0px;}表示進(jìn)行了初始化
想恢復(fù)默認(rèn)值就沒(méi)有辦法了,因?yàn)椴煌瑸g覽器的效果是不一樣的。
還是自己手寫一個(gè)樣式規(guī)則吧。
如果input {border:1px solid red;}---1像素紅邊框
等等
希望能幫到你。
每個(gè)瀏覽器都有一些自帶的或者共有的默認(rèn)樣式,會(huì)造成一些布局上的困擾,css reset的作用就是重置這些默認(rèn)樣式,使樣式表現(xiàn)一致,比如 *{margin:0;padding:0}就是一個(gè)最簡(jiǎn)單的css reset
網(wǎng)頁(yè)題目:css默認(rèn)樣式重置,為什么css要重置樣式
當(dāng)前地址:http://m.rwnh.cn/article28/phpscp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、商城網(wǎng)站、用戶體驗(yàn)、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)