CSS进阶文档(其实是基础啦)

选择器

  • 伪类选择器
    • :hover
    • :visited
    • ::selection
    • :first-child
    • :last-child
    • :first-of-type
    • :last-of-type
    • :nth-of-type(n)
    • :nth-of-last-type(n)
    • :first-line
    • :first-letter
  • 伪元素选择器
    • :after
    • :before
  • 属性选择器: input[type=“text”]
  • 组合选择器
    • E,F/E F(后代选择器)
    • /E>F(子元素选择器)
    • /E+F(直接相邻元素选择器----匹配之后的相邻同级元素)
    • /E~F(普通相邻元素选择器----匹配之后的同级元素)
  • 层次选择器:p~ul (选择前面有p元素的每个ul元素)

优先级

  1. 位于标签里的

    @

    • @charset 定义字符集
    • @import 导入
    • @font-face 字体
    • @keyframes 动画
    • @media 媒体查询
    • @supports 查询兼容

    函数

    • 属性函数:attr()
    • 背景图片函数
      • linear-gradient()
      • radial-gradient()
      • conic-gradient()
      • repeating-linear-gradient()
      • repeating-radial-gradient()
      • repeating-conic-gradient()
      • image-set()
      • image()
      • url()
      • element()
    • 颜色函数
      • rgb()
      • rgba()
      • hsl()
      • hsla()
      • hwb()
      • color-mod()
    • 图形函数
      • circle()
      • ellipse()
      • inset()
      • polygon()
      • path()
    • 滤镜函数
      • blur()
      • brightness()
      • contrast()
      • drop-shadow()
      • grayscale()
      • hue-rotate()
      • invert()
      • opacity()
      • saturate()
      • sepia()
    • 转换函数
      • matrix()
      • matrix3d()
      • perspective()
      • rotate()
      • rotate3d()
      • rotateX()
      • rotateY()
      • rotateZ()
      • scale()
      • scale3d()
      • scaleX()
      • scaleY()
      • scaleZ()
      • skew()
      • skewX()
      • skewY()
      • translate()
      • translateX()
      • translateY()
      • translateZ()
      • translate3d()
    • 数学函数
      • calc()
      • min()
      • max()
      • mixmax()
      • repeat()
    • 缓动函数
      • cubic-bezier()
      • steps()
    • 其他函数
      • counter()
      • counters()
      • toggle()
      • var()
      • symbols()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值