*盒子得大小：内容区+内边距+边框
*盒子分为：内容区（content）内边距（padding）边框（border）外边距（margin）
*内容区指的是盒子中放置内容得区域，也就是元素中得文本内容，子元素都是存在于内容区中的。
*width和height俩个属性可以设置内容区得大小。只适用于块元素。
*内边距指的就是元素内容区于边框以内得空间。默认情况下width和height不包含padding得大小，使用padding属性来设置元素得内边距
*边框是元素可见框得最外部。可以使用border属性来设置盒子得边框。
*边框得样式：none（没有边框）；dotted（点线）；dashed（虚线）；solid(实线）；double(双线）；groove（槽线）；ridge（脊线）；inset（凹边）；outset（凸边）
*外边距：是元素边框与周围元素相聚得空间。使用margin属性可以设置外边距。
*display：可以通过修改display来修改元素得性质；可选值block（设置元素为块元素），inline（设置元素为行内元素），inline-block（设置元素为行内元素块），none（隐藏元素）
*visibility：主要用于元素是否可见，可选值：visible可见的，hidden隐藏得
*overflow：通过overflow来控制内容溢出得情况。可选值：visible（默认值），scroll（添加滚动条），auto（根据需要添加滚动条），hidden（隐藏超出盒子的内容）
*相对定位：每个元素在页面中的文档交流都有一个自然位置，相对于这个位置对元素进行移动就称为相对定位，周围得元素不受此影响。
*相对定位得特点：1如果不设置元素得偏移量，元素位置不会发生改变2相对定位不会是元素脱离文本流，元素在文本流中得位置不会改变3相对定位不会改变元素原来的特性4相对定位会是元素的层级提升，是元素可以覆盖文本流中的元素
*绝对定位：zhi4元素相对于html元素或离他最近的祖先定位元素进行定位，当将position属性设置为absolute时，则开启了元素的绝对定位。
*绝对定位的特点：1绝对定位会使元素完全脱离文本流。2绝对定位的块元素的宽度会被其内容撑开。3绝对定位会使行内元素变成块元素。4一般使用绝对定位时会同时为其父元素指定一个相当定位，以确保元素可以相对于父元素进行定位。
