个人前端知识体系-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水平方向 为负值可让其和其余元素重叠;