任务9-1

1.盒模型包括哪些属性？

答：从外到内包括外边距<margin>边框<border>填充<padding>内容<content>。

• margin：包括上下左右4个边距，<margin:0 auto>可以是盒模型水平居中,<margin:10px 10px 10px 10px1;>分别是：上边距、右边距、下边距、左边距。如果两个在文档流中的块级元素相邻，他们的外边距会自动调为较大的一个外边距而不是两个外边距相加，而行内元素不受这个的影响。

2. text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中。

答：作用在块级元素上，让块级元素内的行内元素水平居中。

3.如果遇到一个属性想知道兼容性，在哪查看?

答：can I use查看

4.4. IE 盒模型和 W3C 盒模型有什么区别？

答：区别：

• IE盒模型是不加<doctype html>的怪异模式在老版本的IE中使用 宽度=边框+padding+内容宽度。
• WC3盒模型使用标准盒模型 宽度=内容宽度。

5.以下代码的作用？兼容性？
*{ box-sizing: border-box;}
答：这是CSS3中的一个代码，box的大小由box的width和height决定，并不受border和padding影响，*使本页面的所有box都使用这个样式。

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。

• 兼容性：

  
  

本文版权归本人和饥人谷所有，转载请注明出处