為什么*{font-size:20px;}和body{font-size:20px;}顯示出來的字體大小不一樣
如圖，這弄得我好難受
慕蓋茨1361387
2016-07-15
9 回答
舉報
0/150
提交
取消
2016-07-15
因為*是通用選擇器，可以匹配任何一個標(biāo)號，自然包括h1標(biāo)簽；至于第二個用body作為選擇器的時候，它作用于內(nèi)層標(biāo)簽是通過繼承得來的，遇到與內(nèi)層標(biāo)簽的屬性沖突的時候優(yōu)先顯示內(nèi)層標(biāo)簽的，所以圖二顯示的是h1標(biāo)簽的默認字體大小
2016-07-15
body在這里是一個容器，就跟div一樣，這個例子里面包含h1和p標(biāo)簽。直接對容器設(shè)置屬性，容器內(nèi)部的標(biāo)簽樣式是整體變的（也就是說你不設(shè)置的話，h1自帶屬性決定它也比p大，設(shè)置之后，隨容器一起變大變小）。
*通配符，在這個例子里面相當(dāng)于"body{xxx} ? h1{xxx} ? p{xxx}"，對所有標(biāo)簽設(shè)置屬性，因此“h1{xxx}”這部分將h1的樣式重新設(shè)置了，h1的自帶屬性樣式失效。
2016-07-15
*是全文本是同一個字號大小，而各個瀏覽器對每種標(biāo)記（比如p，h1，h2等等）預(yù)定義的大小都有所不同，但可以肯定的是都是相對值。
也就是說對body指定一個font-size的絕對大小如12px，那么body的子元素p在未指定的情況下會使用瀏覽器預(yù)定義的font-size，舉例說是medium或者1em，這時p的實際大小應(yīng)該是12px；而h1（預(yù)定義可能是xx-large）實際就會是24px
對body指定不同的大小，子元素會具有相應(yīng)比例的大小
要想統(tǒng)一所有的元素大小，可以通過這樣指定：
body,p,h1,h2,h3,h4,h5,h6 { font-size:14px; }
2016-07-15
*是對html里的全部定義，而前面改為body后就只對body內(nèi)的有效，標(biāo)題不會改
2016-07-15
*font-size:20px;相當(dāng)于說是全部字體為20px,而body{font-size:20px;}是指body的字體為20px,所以勇氣是以h1的大小顯示
2016-07-15
h1的原因吧，然后其他字體應(yīng)該是參照物不同，所以看起來感覺變化了
2016-07-15
CSS就近原則。h1有默認的樣式屬性，根據(jù)CSS就近原則所以會這樣
2016-07-15
就近原則，h1重新定義了“勇氣“的字體大小
2016-07-15
我感覺是因為“勇氣”的字體大小不一樣，所以整體看起來不一樣?
內(nèi)容的字體大小是一樣的吧！
*改變了標(biāo)題和內(nèi)容的字體，body只改變了內(nèi)容字體大小。
剛學(xué)兩天，錯了勿怪……