2021-10-15

阿里巴巴矢量图标库引入

1. 直接用网络路径（生成代码链接）
2. 把css样式下载到本地
3. 下载图片

注意不能用在单标签上

层级选择器：
E>F:F是E的子元素

E F:F是E的后代元素（包含子元素）

E+F:F是E的紧挨着的兄弟元素

E~F:F是E后面的所有兄弟元素

过渡：

transition-property

transition-duration加几秒

transition-delay往后推迟几秒

transition-timing-function

cubic-bezier

-webkit-  谷歌  -o-   欧鹏   -moz-  火狐   -ms-  IE

渐变：双方向兼容时，差别比较大

文本阴影：

 text-shadow:水平  垂直   阴影    颜色（默认字体颜色）

        水平  垂直 必加

        多文本阴影之间用逗号分隔

 @font-face {

            font-family: 自定义字体的名字;

            src: url();

        }

 自定义字体的名字可以加引号可以不加，但后面必须和前面一样（加不加引号）

Css多背景中要用逗号隔开

状态选择器：

          :link   未访问的链接

        :hover    鼠标悬停时样式的变化

        :active     鼠标点击时样式的变化

        :visited     已访问过的链接

        :focus          获取焦点以后样式的变化

圆角：border-radius   当值不足时，执行对角

[类选择器|类名]以value-开头的

[类选择器*=类名]找含有此类名的

[类选择器$=类名]找以此类名结尾的

[类选择器^=类名]找以此类名开头的

[类选择器~=类名]只含有此类名的