html5如何自动生成编号,HTML5里的元素的编号编写

本文介绍如何使用CSS计数器实现自定义编号样式,包括设置编号样式、编号嵌套及重置等技巧,并演示了如何在文本中应用开合引用符,通过具体示例代码帮助读者掌握这些实用的CSS特性。

1、多个标题前添加标题号

2、指定编号的样式

3、编号嵌套、重置编号 (counter-reset)

【注】:重置编号要在大编号里设置小编号

4、在字符串的两边嵌套文字符号

quotes:符号的设置

open-quote:开始符号

close-quoto:结尾符号

元素:before(或者after){

content:count(自定义,显示的编号的样式);

}

元素{

count-increment:自定义;

color:编号的颜色;

font-size:编号的大小

}

详细的实例代码:

元素编号

h1:before{

content: counter(hajsq,upper-alpha)‘.‘;

}

h1{

counter-increment: hajsq;

counter-reset: hahah;

}

p:before{

content: counter(hajsq)‘-‘counter(hahah)‘.‘ open-quote ;

}

p:after{

content: close-quote;

}

p{

quotes: "("")";

}

做好自己

比什么都好

比什么都好

比什么都好

比什么都好

做好自己

比什么都好

比什么都好

比什么都好

比什么都好

原文:http://www.cnblogs.com/syp1/p/4521854.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值