css counter-increment属性怎么用

counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。

css counter-increment属性怎么用

说明

利用这个属性,计数器可以递增(或递减)某个值,这可以是正值或负值。如果没有提供 number 值,则默认为 1。

注释:如果使用了 “display: none”,则无法增加计数。如使用 “visibility: hidden”,则可增加计数。

立即学习“前端免费学习笔记(深入)”;

描述none
默认。选择器无计数器增量。
id number

id 定义将增加计数的选择器、id 或 class。

number 定义增量。number 可以是正数、零或者负数。

inherit
规定应该从父元素继承 counter-increment 属性的值。

实例

对部分和子部分进行编号(比如 “Section 1″、”1.1″、”1.2″)的方法:

    body {counter-reset:section;}    h1 {counter-reset:subsection;}    h1:before    {    counter-increment:section;    content:"Section " counter(section) ". ";    }    h2:before     {    counter-increment:subsection;    content:counter(section) "." counter(subsection) " ";    }    

注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 counter-increment 属性。

HTML tutorials

HTML Tutorial

XHTML Tutorial

CSS Tutorial

Scripting tutorials

JavaScript

VBScript

XML tutorials

XML

XSL

登录后复制

以上就是css counter-increment属性怎么用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2887040.html

(0)
上一篇 2025年3月10日 20:58:28
下一篇 2025年3月10日 20:58:35

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css text-decoration-color属性怎么用

    css text-decoration-color属性用于设置文本修饰(下划线、上划线、中划线)的颜色。注只有先在元素上设置可见的text-decoration属性,text-decoration-color属性才起作用。 css text…

    2025年3月10日
    200
  • css技术是什么

    css是什么?也许你曾听说过css,但并不真正清楚css到底是什么。在本篇文章中你将学到更多css的知识,并了解css可以做些什么。 CSS是Cascading Style Sheets(层叠样式表)的缩写。 可以用CSS做什么? CSS是…

    2025年3月10日
    200
  • css单位是什么

    css是一种样式表语言,用于为html文档定义布局。而刚刚接触css的朋友可能不是很清楚,css的单位是什么?下面我们来详细了解一下css的单位吧。 CSS单位是一种量度单位,包括尺寸单位和颜色单位。 尺寸单位: 颜色单位: 立即学习“前端…

    2025年3月10日
    200
  • 什么是css盒子模型?

    CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。它又称为框模型 (Box Model) ,是由元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素组成的(如下图所…

    2025年3月10日
    200
  • 什么是css的行内式?

    行内样式,就是将css样式代码写在具体网页中的一个html标签元素内;行内样式要在特定的html标记内使用,使用style属性来设置特定html标记的样式。比如: 特点: 1)、行内样式放在代码中的HTML元素中。 2)、使用行内样式时,样…

    2025年3月10日
    200
  • css左浮动怎么写?

    在css中可以通过float属性来定义元素在哪个方向浮动;想要左浮动则只需将元素的float属性的值设置为left(float:left)即可。下面就来给大家介绍一下float属性,希望对你们有所帮助。 css float属性 float …

    2025年3月10日
    200
  • 怎么在css中改变光标样式

    在css中cursor属性是用来定义了鼠标指针放在一个元素边界范围内时所用的光标形状;我们可以通cursor属性来设置鼠标光标(指针)样式。 cursor属性的语法: cursor: auto|crosshair|default|hand|…

    2025年3月10日
    200
  • hbuilder怎么引用css

    hbuilder是dcloud(数字天堂)推出的一款支持html5的web开发ide。hbuilder的编写用到了java、c、web和ruby。hbuilder本身主体是由java编写,它基于eclipse,所以顺其自然地兼容了eclip…

    2025年3月10日
    200
  • 《CSS权威指南》怎么样

    《css权威指南》是2007年10月由中国电力出版社出版的图书,作者是eric a.meyer。 本书通过诸多示例,详细讲解了如何做到仅在一处建立样式表就能创建或修改整个网站的外观,以及如何得到html力不能及的更丰富的表现效果。同时展示了…

    2025年3月10日
    200
  • 清除浮动的css写法有哪些

    本文通过图文并茂的形式给大家介绍了CSS浮动与清除浮动的实例代码,非常不错,具有一定的参考借鉴价值,,需要的朋友可以参考下  一、float(浮动)是什么 float 属性定义元素在哪个方向浮动。 float:left 元素向左浮动。 fl…

    2025年3月10日 编程技术
    200

发表回复

登录后才能评论