美文网首页
关于 盒模型的一点总结

关于 盒模型的一点总结

作者: JunVincetHuo | 来源:发表于2016-09-19 19:32 被阅读0次

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.盒模型包括哪些属性 margin padding width height border... 2.text-...

  • 02_CSS3

    盒模型 关于盒模型存在两种形式,分别是W3C标准盒模型和IE盒模型,如下图所示,其区别主要在于宽度和高度的计算方式...

  • 盒模型总结

    众所周知,盒模型是CSS3中非常重要的一个概念。盒模型的组成包含content、padding、border、ma...

  • Bootstrap盒模型

    关于盒模型有两种方案,可以通过box-sizing来控制,关于盒模型其实两种方案都是表示有margin,borde...

  • CSS面试题

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

  • CSS面试题

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

  • CSS盒模型和BFC

    盒模型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型 IE盒模型也称border-box。属性width,...

  • 前端面试之CSS

    资料来源于 50道css基础面试题进行一些扩充和总结 CSS盒模型 标准盒模型:content + padding...

  • 前端面试之浏览器/HTML/CSS问题

    盒模型 盒模型主要两种,标准盒模型和怪异和模型 标准盒模型:width指content部分的宽度 怪异盒模型:wi...

  • 前端面试之浏览器/HTML/CSS问题

    盒模型 盒模型主要两种,标准盒模型和怪异和模型 标准盒模型:width指content部分的宽度 怪异盒模型:wi...

网友评论

      本文标题:关于 盒模型的一点总结

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