乐趣区

关于前端学习:CSS样式CSS新特性

  • 自定义款式变量

    定义:– 变量名

    应用:款式名:var(– 变量名)

    计算:款式名:cacl(var(– 变量名)*1px)

    默认值:款式名:var(– 变量名, 默认值)

    作用域:优先级最高的申明失效

  • 文字盘绕(shapes)

    设置文字盘绕形态:shapes-outside

    裁剪盘绕形态:clip-path

    设置文字与形态间距:shapes-margin

    自定义形态:polygon()

    文本盘绕偏移量:inset()

    圆形:circle()

    椭圆:ellipse()

    边框盘绕:border-box

    内边距盘绕:padding-box

    内容区域盘绕:content-box

    外间距:margin-box

    图像形态:url()

  • 滚动捕获(scroll snap)

    指定捕获对象:scroll-snap-type

    1. 疏忽捕获点:none
    2. 强制捕获:mandatory
    3. 主动调整:proximity

    捕获吸附:scroll-snap-align

    1. 起始地位:start
    2. 两头地位:center
    3. 完结地位:end
退出移动版