标签：

一、box-decoration-break

　　CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式衬着，它包罗两个值：

　　（1）slice：默认值，盒子会被支解成多部分。

　　（2）clone：断开的各个盒子会单独衬着。

　　下面用一个示例来演示两种的区别，第一个span元素给与box-decoration-break的默认值，效果如第一张图所示，在断行处没有摆布内边距和圆角；第二个span元素box-decoration-break的值为clone，效果如第二张图所示，注意，在Chrome浏览器中要加属性前缀。

<style> span { border-radius: 10px; padding: 0 10px; } span.clone { box-decoration-break: clone; -webkit-box-decoration-break: clone; } </style> <div> <span>测试CSS属性，box-decoration-break:slice</span> </div> <div> <span class="clone">测试CSS属性，box-decoration-break:clone</span> </div>

 

　　box-decoration-break可影响的CSS属性包孕background、border、border-image、box-shadow、border-radius、clip-path、margin和padding。

二、contents

　　当元素的CSS属性display界说为contents后，它就会消掉，不参预页面的格局化，但不会隐藏子元素。

　　下面以两组ul元素为例，第一组的ul元素包罗边框、宽度以及默认的边距和列表项符号，效果如第一张图所示；第二组的ul元素不再有之前的样式，效果如第二张图所示。

<style> ul { border: 1px solid #000; width: 100px; } ul.contents { display: contents; } </style> <ul> <li>Strick</li> <li>Freedom</li> <li>Justify</li> </ul> <ul class="contents"> <li>Strick</li> <li>Freedom</li> <li>Justify</li> </ul>

  

　　注意，浏览器会移除所有display界说为contents的元素的可访谒性，这会导致该元素及其后续元素不再被屏幕阅读技术访谒。

三、计数模式

　　@counter-style是一条CSS语句，可界说计数模式，即改削计数器样式，从而弥补了那些内置计数模式难以适应的场景。但要注意，目前只有Firefox浏览器能完美撑持@counter-style。

　　每条@counter-style由一个名称和一组描述符构成，其可用的描述符如下表所列。

描述符   说明  
system   指定计数算法，即计数器模式系统，可选值包孕fixed、cyclic、symbolic、alphabetic、numeric、additive和extends  
symbols   指定记号，可以是字符串、图像等标识符，除了additive和extends两种算法之外，都需要该描述符  
additive-symbols   为additive算法指定记号  
negative   当计数器暗示负值时，将该标记加在值的两侧  
prefix   为记号加前缀  
suffix   为记号加后缀  
range   限制计数器生效的范畴，当值不在该范畴时，使用备用计数算法  
fallback   当不能使用自界说的计数算法或超过了range界说的范畴时，使用该后备算法  
pad   界说记号的最小长度和填充标记  
speak-as   指定计数器在语音识别系统中的发音计谋  

1）system

　　在system描述符中有五个对照容易理解的算法，如下所列。

　　（1）fixed：在遍历了指定的记号后，恢复本来的计数模式。

　　（2）cyclic：循环遍历指定的记号。

　　（3）symbolic：与cyclic类似，但每循环一次会叠加一个记号。

　　（4）alphabetic：与symbolic类似，但反复方法差别，记号会被解释成数字，转换为字母编号系统。

　　（5）numeric：与alphabetic类似，也是使用按位计数系统，但第一个记号从位置1开始，而不是0。

　　五种算法的效果如下图所示，CSS代码如下所示，因为代码都对照类似，2020破解qq空间访问权限 ，所以只给出了fixed。