css中如何使用counter-reset属性-创新互联

这篇文章主要介绍css中如何使用counter-reset属性,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

十载的台江网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整台江建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“台江网站设计”,“台江网站推广”以来,每个客户项目都认真落实执行。

css counter-reset属性用于创建或重置一个或多个计数器,通常是和counter-increment属性,content属性一起使用。利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。

css counter-reset属性怎么用?

counter-reset属性创建或重置一个或多个计数器。

counter-reset: none|id number|inherit

属性值:

● none:默认。不能对选择器的计数器进行重置

● id number:id用于定义重置计数器的选择器(id 或 class)。 number用于设置此选择器出现次数的计数器的值;可以是正数、零或负数。

● inherit:规定应该从父元素继承 counter-reset 属性的值

说明:利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。

注释:如果使用 "display: none",则无法重置计数器。如果使用 "visibility: hidden",则可以重置计数器。所有浏览器都支持 counter-reset 属性。

css counter-reset属性 示例








PHP教程

PHP教程

PHP教程

PHP教程

HTML教程

HTML教程

HTML教程

CSS教程

CSS教程

CSS教程

效果图:

css中如何使用counter-reset属性

以上是css中如何使用counter-reset属性的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:css中如何使用counter-reset属性-创新互联
标题URL:http://bzwzjz.com/article/dsgoch.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 梓潼网站设计 响应式网站设计方案 企业网站设计 网站设计 企业网站设计 手机网站建设套餐 成都商城网站建设 四川成都网站设计 温江网站设计 移动网站建设 营销型网站建设 成都网站建设 网站制作 成都网站制作 上市集团网站建设 成都网站建设公司 自适应网站建设 H5网站制作 重庆电商网站建设 成都网站建设 重庆网站设计 成都响应式网站建设