CSS3样式小计

1、rem

        rem是CSS3新增的一个相对字体长度单位，只想对于根元素，即HTML元素字体大小。在html标签上设置字体大小为标准，文档中的字体大小都会以此作为参照。(大部分浏览器根元素字体大小为16px)。只修改根元素就成比例地调整所有字体大小；对于需要适配各种移动设备，使用rem结合媒体查询是解决移动适配的方法之一(媒体查询；媒体查询能够检测视口的宽度，然后编写差异化的 CSS 样式；当某个条件成立, 执行对应的CSS样式。)，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备

html{
    font-size:16px
}

@media(width:320px){
    html{
        font-size:16px;
    }
}

2、em

        em是相对字体长度单位，如果用于font-size属性本身，则是相对于父元素的font-size。若用于其他属性(width、height)，则是相对于本身元素的font-size；em的值不是固定的；em会继承父级元素的字体大小；任意浏览器的默认字体大小都是16px，所有未经调整的浏览器都符1em=16px。em是继承父元素的字体大小，可是当父元素字体大小改变时，其本身的大小则是另一个值。

        在CSS的body选择器中声明font-size=62.5%，再将你需要的原来的px数值除以10，然后换上em作为单位，这是其简便的做法。

body{
    font-size:62.5%
}

p{
    font-size:1.2em
}

3、font

        font-family用于设置字体，网页普遍使用16px、微软雅黑；font-weight设置字体粗细；font-style 设置字体风格(normal默认值，italic斜体，oblique倾斜)

        font : style weight size family,如果要省略的话只能省略前两个样式，size和family这两个值是必须设置的，

4、text-shadow  文字阴影

        水平位置，垂直位置，模糊距离，阴影颜色

5、box-shadow

        水平位置  垂直位置  模糊距离  阴影尺寸  阴影颜色  内外阴影(inset/outset)