任务9-盒模型

  • 盒模型包括哪些属性

    • margin:外边距
    • padding:内边距
    • border:边框
    • content:内容
  • text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中。
    作用是水平居中,作用在块级元素上。
    能够使inline元素和line-block元素水平居中。

  • 如果遇到一个属性想知道兼容性,在哪查看?
    http://caniuse.com/

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

Paste_Image.png
  • 以下代码的作用?兼容性?

    *{
      box-sizing: border-box;
    }
    

    作用使元素样式中的宽度和高度等于容器的真实宽度和高度,宽高=content+border+padding。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 1、盒模型包括哪些属性 盒模型包括4个属性:content,padding,border,margin. cont...
    _hello__world_阅读 261评论 0 0
  • 盒模型包括哪些属性? 盒模型: Paste_Image.png 盒模型包括属性有: margin:外边距 bord...
    饥人谷_kule阅读 272评论 0 0
  • 一、盒模型包括哪些属性 1.内容(content);2.内边距(padding);3.边框(border);4.外...
    咩咩咩1024阅读 425评论 0 0
  • 课程目标 掌握盒模型相关知识点 了解IE盒模型和 W3C 盒模型区别 课程任务 1. 盒模型包括哪些属性 CSS盒...
    Timmmmmmm阅读 198评论 0 0