2021-11-11

CSS3选择器

长度单位
    px 像素 绝对单位
    em 相对于当前对象内文本的字体尺寸
    rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数
    vw 相对单位， 相对于视口(窗口)的宽度
    vh 相对单位， 相对于视口(窗口)的高度
角度单位
    deg 角度
时间单位
    s 秒
    ms 毫秒
颜色
    单词
    16进制表示法 # 6位16进制数表示
     rgb(red,green,blue)
     rgba(red,green,blue,opacity)

关系选择器

     a. E F 包含选择器(后代选择器)
     b. E>F 子集选择器
     c. E+F 相邻选择器(紧邻兄弟选择器)
     d. E~F 兄弟选择器(同辈兄弟)

伪类选择器

     a. :first-child
     b. :last-child
     c. :nth-child
     d. :first-of-type
     e. :last-of-type
     f. :first-of-type
     g. :nth-of-type
     h. :not

伪对象选择器

     a. ::after
     b. ::before
     c. ::first-line
     d. ::first-lette

CSS3新增属性

背景

     a. background-size 设置背景图片大小
     案例：多图背景
          1.多背景使用时，如果背景图片后面还需要接着背景颜色，需要将背景颜色写在后面，以防被层叠，什么都不显示
           2.在多背景的使用时，一定要注意背景图片位置的错开，才能达到多背景图片的效果
           3.在使用多背景完成一定的转换动画时，一定要加上过渡，不然可能没有效果
     b. 背景渐变
        线性渐变： linear-gradient
        径向渐变： radial-gradient

 阴影

      a. 文字阴影 text-shadow
      b. 盒子阴影  box-shadow

 圆角(弧度)

      border-radius

断字

      text-overflow

 过渡、变换、动画

      a. 过渡 transition
      b. 变换 transform
      c. 动画 animation