我的前端学习笔记——css盒模型

我的前端学习笔记——css盒模型_第1张图片
为了你,我愿意放弃全世界——宇智波·带土

1,盒模型包括哪些属性

我的前端学习笔记——css盒模型_第2张图片
  • content(内容), height(高度), width(宽度), padding(内边距), margin(外边距)

2,text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中

  • text-align:center:使块级元素居中。能让块级元素中的行内元素居中。
我的前端学习笔记——css盒模型_第3张图片
我的前端学习笔记——css盒模型_第4张图片

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

CAN I USE

我的前端学习笔记——css盒模型_第5张图片

1,IE 盒模型和W3C盒模型有什么区别?

区别:

  • 标准W3C盒模型:设置width和height时,只包括content,不包括padding和margin。
  • IE盒模型:设置width和height时,既包括content,还包括padding。

1,以下代码的作用?兼容性?

  • 作用:将标准W3C盒模型变成IE盒模型。

  • 兼容性:

我的前端学习笔记——css盒模型_第6张图片

TIP

我的前端学习笔记——css盒模型_第7张图片
css盒模型

css盒模型

既然这个世界没有你,那就毁了它来创造一个有你的世界

你可能感兴趣的:(我的前端学习笔记——css盒模型)