1. css屬性命名區分大小寫嗎? 不區分,不過一般小寫,便於理解 2. margin-top和margin-bottom對於行內(內斂inline)元素效果一樣麽? 3.padding-top和padding-bottom對於inline元素都會增加元素本身的大小麽? 回答2,3,需要瞭解html...
1. css屬性命名區分大小寫嗎?
不區分,不過一般小寫,便於理解
2. margin-top和margin-bottom對於行內(內斂inline)元素效果一樣麽?
3.padding-top和padding-bottom對於inline元素都會增加元素本身的大小麽?
回答2,3,需要瞭解html里的替換元素和非替換元素。
替換元素是指作為其他內容點位符的一個元素。如img等。非替換元素是指內容包含在文檔中的元素,例如span。
討論margin-top和margin-bottom對行內元素是否起作用,則要對行內替換元素和行內非替換元素分別討論。
把margin應用到行內元素是可以的,不過向非替換元素應用margin時,對行高沒影響,而margin實際又是透明的,所以margin-top和margin-bottom沒有任何視覺效果。把margin-left和margin-right應用到非替換元素是有影響的。
為行內替換元素設置margin-top和margin-bottom,可能會使行高增加或減少,這取決於margin-top和margin-bottom的值。margin-left和margin-right對行內替換元素和非替換元素一樣也是有影響的。
對於行內元素,設置padding-left和padding-right是可見有影響的,設置padding-top和padding-bottom後,對於行內非替換元素,padding-top和padding-bottom沒用,不會影響其行高,不會撐開父元素。而對於行內替換元素,padding-top和padding-bottom會撐開父元素。
inline元素(準確來說是非替換的行內元素)不能設置豎直方向上的margin和padding,這個是css標準所規定的。
總之,inline元素,寬高無效,margin,padding只有左右邊距有效,上下無效。
4. 如果一個p 標簽擁有font-size: 10rem,那麼這個p標簽會自動響應視窗佈局嗎?
不會,rem是以html根元素font-size的大小為基準的相對度量單位,文本的大小不會隨著視窗的大小改變而改變。一般預設根元素font-size為16px,不過可以改變它的值。
5. 偽類選擇器:checked對於option標簽有效果嗎?
有。
偽類選擇器:checked會作用於radio(<input type=”radio”>), checkbox(<input type=”checkbox”>)或者 option元素(<option> in a <select>)。
6. 偽類 :root 通常指的是標簽<html>?
不是。
單指創建的根。這個根可能不是 html ,如果是片段html,木有創建根,則為片段的根。如呂康豪 大大所說的一樣。https://www.zhihu.com/question/20312140
7. translate()方法可不可以使元素在z軸上做變換?
不能。
translate()方法包含在CSS3的2D transform函數里。它可以在x軸和y軸上移動位置。