CSS——CSS新特性有哪些

CSS新特性
自定义属性:
  CSS自定义属性(也叫做"CSS变量"),在目前所有的现代浏览器都得到了支持.
  用法:
    定义与使用
    计算
    默认值
    作用域


shapes:
  CSS Shapes可以实现不规则的文字环绕效果,需要和浮动配合使用。
  使用:
    shape-outside 实现不规则图形环绕
    clip-path 裁切指定图形
      polygon 绘制特殊图形
    shape-margin 调节环绕间隙
scrollbar:
  CSS scrollbar用于实现自定义滚动条样式
  使用:
    ::-webkit-scrollbar 定义滚动条宽度(横纵滚动条)
    ::-webkit-scrollbar-thumb 定义拖拽样式
    ::-webkit-scrollbar-track 定义滚动条容器样式

scroll snap:
  CSS Scroll Snap(CSS滚动捕捉)允许你在用户完成滚动后多锁定特定的元素或位置。
  用法:
  scroll-snap-type
    x/y
    mandatory(强制)

  scroll-snap-align
    start
    center
    end

 

posted @ 2021-02-07 22:38  泰初  阅读(512)  评论(0编辑  收藏  举报