前端学习——css3

1.圆角边框：border-radius

2.阴影：box-shadow:25px 25px 5px #999;(四个值--左上角，右上角，左下角，右下角；三个值：左上角，右上角和左下角，右下角；两个值：左上角和右上角，右上角和左下角)

3.定位：background-origin 属性规定 background-position属性相对什么位置来定位。

    三个值  padding-box:背景图片相对内边距框来定位；

                 border-box:背景图片相对边框来定位；

                 content-box:背景图片相对内容框来定位；

4.线性渐变：background：linear-gradient(red,blue);从上到下的线性渐变

                                           linear-gradient(to right,red,blue);从左到右的线性渐变

5.文本阴影：text-shadow 

6.  css3字体：@font-face首先定义字体名称，然后指向该字体的文件。 

@font-face{
    font-family:galaxy;
    src:url(sansation_light.woff);
}

                                    

扫描二维码关注公众号，回复： 5979411 查看本文章