关于 盒模型的一点总结

1.盒模型包括哪些属性

margin padding width height border...

Paste_Image.png

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

让块级元素中的行内内容水平居中，作用在块级元素上，让块级元素内的行内元素、行内元素、行内块元素水平居中

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

can i use

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

IE盒模型的宽度是边框+padding+内容的宽度 （没加!DOCTYPE html）
W3C盒模型是宽度=行内内容

转载一图说明：

Paste_Image.png

5.以下代码的作用？兼容性？
*{ box-sizing: border-box;}
使W3C盒模型转变为IE盒模型
即盒模型的width=内容宽度+padding+边框 高度同理

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 盒模型文档流基线
    1、盒模型 盒子模型简介 上面是一个盒子模型图，一个盒子包括了content（实际内容）、border（边框）、p...
    Marting424阅读 530评论 0赞 0
  • 面试题
    •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0赞 8
  • CSS进阶02-盒模型进阶
    （注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！）（注2：更多内容请查看我的目录。） ...
    love丁酥酥阅读 1,647评论 0赞 0
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,327评论 0赞 11
  • CSS 盒模型（元素分类、width、height、padding、border、margin）
    CSS盒模型 在CSS中盒模型被分为两种，第一种是W3C的标准模型，第二种是IE怪异盒模型。两种盒子模型都包括pa...
    _空空阅读 3,391评论 0赞 3