盒模型

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

作用在块级元素上,对块级元素内的行内元素有效,对部分块级元素也有效,例如p,h也有效。

居中

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

可以在Can I use查询,例如

兼容性

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

在不用doctype的ie678,使用ie盒模型,设置宽度=边框+内边距+内容宽度。
在chrome和ie9以上浏览器和使用了doctype的ie678使用W3C盒模型,设置宽度=内容宽度。

W3C标准盒模型
IE盒模型

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

*{
    box-sizing:border-box;
}

box-sizing:定义盒模型尺寸。
border-box是指设置宽度是已经包括了边框和内边距的,内容宽度是设置宽度和高度减去内边距和边框的值。
还可以是:
content-box:这个就像W3C标准盒模型一样,设置的宽度就是内容的宽度。
inherit:规定应从父元素继承 box-sizing 属性的值。
兼容性

box-sizing

虽然box-sizing主流浏览器都支持,但是

*兼容性

*可不是每个浏览器都支持

****本文章版权属 饥人谷_张世钧和饥人谷 所有,如需转载请务必注明出处。****

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

推荐阅读更多精彩内容

  • 一.盒模型包括哪些属性? 盒模型包括的属性有: margin:外边距。它包括margin-top、margin-r...
    婷楼沐熙阅读 6,401评论 0 2
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 一、盒模型包括哪些属性? CSS盒模型~即定义了Web页面中的元素是如何看做盒子来解析CSS盒模型属性有: con...
    dengpan阅读 3,134评论 0 0
  • 课程目标 掌握盒模型相关知识点 了解IE盒模型和W3C 盒模型区别 学习建议 视频未覆盖的知识点会提供详细的文档资...
    饥人谷_江君阅读 3,707评论 0 3
  • 1. 盒模型包括哪些属性? 盒模型是CSS中一个重要概念,文档中的每个元素被描绘为矩形盒子。渲染引擎的目的就是判定...
    进击的阿群阅读 10,254评论 0 5