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