css學習問題總結

1、在屬性設置中，常常會有空格和逗號的出現，那麼二者的區別是什麼呢？

逗號：表示二者僅僅是並列關係，內容上沒有任何關係，只是共用一個樣式而已

空格：表示二者爲繼承關係，前者是後者的父類

可是，當屬性設置不當時，會有以下尷尬狀況出現：

• 當給html及body設置空格時，對div設置大小均沒有變化，這是由於，body繼承了html的屬性，可是還不曾給body設置大小，故，會出現給body下的塊元素設置屬性時沒有用處。

 

• 當一樣的狀況是逗號時，就會不同了

2、對於px、em、rem用於對字體進行設置時，它們之間的區別主要是什麼呢？

px：是屏幕設置物理上能顯示出的最小的一個點，不過這個點不是固定寬度的，在不一樣的設備上顯示的比例也會有所不一樣；

em：默認狀況下1em=12px，em會繼承父元素的字體大小，例如

body{font-size:16px;}

p{font-size:0.45rem;}

span{font-size:2rem;}

html中的字體沒有特別設置的話，通常爲16px，而p段落文字大小爲7.2px（16px*0.45），span中的字體則爲14.4px（7.2px*2）；易知此處如果嵌套字體大小設置多了，就會難以理清楚具體的字體大小；

rem：rem默認的字體主要是相對於html或者body的，即rem是根據根元素進行設置的，少了相對於em的繼承父級尺寸這種關係，rem不只能夠用來設置字體還能夠用來設置寬高。