box模型属性marginoutermargin(top,right,bottom,left)borderborder(top,right,bottom,left)paddinginnermargin(top,right,bottom,left)content内容area(width,height)margin,border,padding值写法：margin-top/-right/-bottom/-leftmargin:10px11px12px13px;右上角左下角顺序：10px12px；缩写为上下10px，左右12px；边距：10px；也就是说，所有4个方向都是10px。MarginMerging是指当两个垂直边距相遇时，它们将形成一个边距。合并边距的高度等于两个合并边距的高度中的较大者。IE盒模型和W3C盒模型的区别W3C盒模型(box-sizing:content-box),widthwidth=内容区域的宽度IE盒模型(box-sizing:border-box),widthwidth=border+padding+content的内容宽度没有DOCTYPE这种怪异的模式。IE浏览器默认使用“IE盒子模型”，IE8及以下也使用IE盒子模型。CSSSprite(Sprite|Sprite)CSSSprite将页面上会重复使用的多个图标图片或小图片组合成一张图片，通过background-position属性调整背景图片的位置，显示合并后的一个局部图片区域在大图像中。作用是减少网络请求，使页面加载速度更快。图片只需要请求一次，缓存中的图片会被调用以供以后使用。与此类似，另一种减少请求的方法是将图片（只适用于icon等小图标）转成base64编码，url直接引用这个编码就可以看到图片了。base64适合用于对图标加载和响应要求高的场景。sprite的使用：背景图片与元素原点重合。就像把床单的左上角和桌子的左上角对齐一样，不要留多余的。(0,0)坐标原点的位置，即外块元素的左上角。background-position位置设置是指图片与坐标原点的偏移量。白框是元素，绿框是背景图片。X坐标值将常规图像的左上角平移到右侧。如果为负值，则图像的左上角向左移动。Y坐标值将常规图像的左上角向下平移。如果为负，则图像的左上角向上平移。背景提示：在开发过程中使用图片作为背景时，往往需要使用图片的主色作为元素的背景色。目的是防止背景图片丢失时视觉效果变化太大。img标签和CSS背景图片的区别CSS背景图片用于固定在页面上的东西，例如图标和徽标等。background:url(abc.png)00no-repeat;background-image:url(http://xxx.jpg)这里是url引用，不是src介绍，引用background-position:0px0px;imageoffsetposition水平和垂直均为0background-repeat:repeat-x/repeat-y/no-repeat(水平重复/垂直重复/不重复)background-size的作用background-size指定实际显示区域大小背景图像。属性值：pixelvalue/percentage/cover/containcover图片会覆盖整个背景区域，不留边距，即比背景区域小的图片会被放大，填满整个背景区域。包含图像适应最佳显示效果并包裹在背景区域中，可能会留下空白。div元素水平居中，img图片水平居中。块级元素水平居中：margin:0auto;当不考虑上下边距值时，直接使用：margin-left:auto；右边距：自动；图片水平居中：先将img标签包裹一个块级父容器，然后对块级父容器使用text-align:center实现居中。文本对齐：居中；设置元素内文本的水平居中对齐方式。它只对块级元素（a、img、input、span）中的行内元素生效。注意这里的居中是参照内联元素的父容器元素生效的。text-align有5个值：left/right/center/justify/inherit，左对齐/右对齐/居中对齐/两端对齐/继承父元素对齐值。justify对齐时，每行的字间距可能不一致。设置元素透明度使用opacity属性设置元素的透明度，值从0.0（完全透明）到1.0（完全不透明）。兼容性不透明度和rgba设置透明度的区别opacity:0.5;(0~1)使元素中的所有内容透明为0，就好像消失了一样，但占用的空间还在，页面布局不会改变。opacity属性可以被继承。背景色：rgba(0,0,0,0.5)；这种alpha通道值设置透明度只能为元素的颜色或背景色设置透明度，不能继承rgba设置的透明度属性。title和alt属性title的区别在于补充的额外信息，即鼠标悬停标签上的额外说明信息。alt是替换信息而不是提供额外的说明。当加载失败时，alt可用于替换img或链接。
