CSS counters是CSS2.1中自动计数编号部分的实现。计数器的值通过使用counter-reset 和 counter-increment 操作,在 content 上应用 counter() 或 counters()函数来显示在页面上。
在CSS中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几个属性,而且还定义了计数器(计数器是一种特殊的数值对象),而且该计数器通常用于生成标记(Markers)的默认内容。
conic-gradient()锥形渐变它可以大大简化background背景图案实现。
CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
aspect-ratio如果不设置宽度,元素将仍然具有自然的auto width。因此,可以根据纵横比和渲染的宽度来计算高度。
一般来说mask-image需要一张有透明部分的图片,该图片用于遮挡在指定的dom上,被图片透明部分遮住的部分将不被显示,被不透明部分遮住的部分将显示。有透明部分的图片也可以通过PS快速创建一个蒙版图片,几秒钟就可以搞定。png图片放到psd里–>画一个黑色的矩形覆盖png图–>在矩形图层上右键“创建剪贴蒙版”–>保存收工
display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
CSS3彩色进度条加载动画 带进度百分比,内有演示网址