美文网首页
任务9-盒模型-1

任务9-盒模型-1

作者: mint9602 | 来源:发表于2017-02-08 16:05 被阅读8次

1. 盒模型包括哪些属性

Paste_Image.png
  1. content属性
  2. padding属性(填充)
  3. border属性
  4. margin属性(留白)

3. IE 盒模型和W3C盒模型有什么区别?

IE盒模型与W3C盒模型的区别主要在关于宽度的定义上:

  • (border-box):IE盒模型的宽度=内容区域+padding+边框,常出现在IE6/7/8的混杂模式下
  • (content-box):W3C盒模型的宽度=内容区域,常出现在chrome/IE9+、IE678的严格模式下

4. 以下代码的作用?兼容性?

* {
  box-sizing: border-box;
}

为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制

相关文章

  • 任务9-盒模型-1

    1. 盒模型包括哪些属性 content属性 padding属性(填充) border属性 margin属性(留白...

  • 任务9-盒模型

    课程目标 掌握盒模型相关知识点 了解IE盒模型和 W3C 盒模型区别 课程任务 1. 盒模型包括哪些属性 CSS盒...

  • 任务9-盒模型

    2016/05/15 问答盒模型包括哪些属性 包括margin,border,padding,content(内容...

  • 任务9-盒模型

    1、盒模型包括哪些属性 盒模型包括4个属性:content,padding,border,margin. cont...

  • 任务9-盒模型

    盒模型包括哪些属性? 盒模型: Paste_Image.png 盒模型包括属性有: margin:外边距 bord...

  • 任务9-盒模型

    盒模型包括哪些属性margin:外边距padding:内边距border:边框content:内容 text-al...

  • 任务9-1:盒模型

    1.盒模型包括哪些属性 包括content、padding、border、margin四个属性。 2.text-a...

  • CSS

    Q1.简单描述CSS的盒模型 1.盒模型种类:包括标准盒模型和IE盒模型(怪异盒模型) 2.盒模型设置方式:通过b...

  • CSS面试题

    1、盒模型 答:分为标准盒模型和怪异盒模型(IE盒模型) 标准盒模型:宽高(content)+ padding +...

  • CSS面试题

    1、 盒模型 答:分为标准盒模型和怪异盒模型(IE盒模型) 标准盒模型:宽高(content)+ padding ...

网友评论

      本文标题:任务9-盒模型-1

      本文链接:https://www.haomeiwen.com/subject/otnvittx.html