個人前端知識體系-css(盒模型篇上)

1.元素的寬高是由什麼定義的:css

css定義元素的寬是由左內邊界到右內邊界的距離;高則是由上內邊界到下內邊界的距;ui

2.元素的寬和高不能夠做用在什麼元素上:文檔

不能夠做用在行內非替換元素上;bfc

3.關於盒模型,個人理解:循環

只有IE6,7對於盒模型有兩種解析方式:分別是標準模式和怪異(quirks)模式; 對於box-sizing 屬性,我認爲是定義了元素的寬高的解析方式(在哪一個盒子上解析); 並非向ie6那樣有怪異模式;因此我認爲box-sizing在嚴格意義上不能叫作把普通盒子變成怪異盒子(我的想法,可能有些偏激QAQ)方法

4.margin能夠設置屬性爲固定值和百分數值,固定值能夠設置爲不一樣的單位; 百分比是按照父級元素的寬度爲標準的(正常文檔流不考慮定位);margin

5.爲何margin的屬性值要以父元素的寬度爲標準:di

由於在正常文檔流下,父級元素應該把子元素包裹起來;若是magin的百分值按照父元素高度解析,則會陷入一個無限循環的狀態!生成

6.magin 能夠爲負值,這會使子元素超過父元素;或者與其餘元素重疊;盒模型

7.什麼是magin合併怎麼清除,怎麼清除比較好: 在父級元素沒有沒有阻攔的狀況下,子元素的magin會致使子元素框超過父元素; 解決方法:給父元素加padding border ;或者讓父元素生成bfc;我以爲認爲加padding 比較方便!

8.給行內非替換元素設置magin水平方向 爲負值可讓其和其餘元素重疊;

相關文章
相關標籤/搜索