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