基础

作者: 你的Yang | 来源:发表于2019-04-04 14:33 被阅读0次

    JavaScript 数据类型

    字符串、数字、布尔、数组、对象、Null、Undefined

    CSS盒模型和IE盒模型的区别

    在 标准盒子模型中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。

    IE盒子模型中,width 和 height 指的是内容区域+border+padding的宽度和高度。

    box-sizing属性介绍

    box-sizing属性是用户界面属性里的一种,之所以介绍它,是因为这个属性跟盒子模型有关,而且在css reset中有可能会用到它。

    box-sizing : content-box|border-box|inherit;

    (1) content-box ,默认值,可以使设置的宽度和高度值应用到元素的内容框。盒子的width只包含内容。

    即总宽度=margin+border+padding+width

    (2) border-box , 设置的width值其实是除margin外的border+padding+element的总宽度。盒子的width包含border+padding+内容即总宽度=margin+width

    很多CSS框架,都会对盒子模型的计算方法进行简化。

    (3) inherit , 规定应从父元素继承 box-sizing 属性的值

    相关文章

      网友评论

          本文标题:基础

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