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属性怎么用的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 04:29:38
下一篇 2025年12月24日 04:29:46

相关推荐

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

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

    2025年12月24日
    000
  • css技术是什么

    css是什么?也许你曾听说过css,但并不真正清楚css到底是什么。在本篇文章中你将学到更多css的知识,并了解css可以做些什么。 CSS是Cascading Style Sheets(层叠样式表)的缩写。 可以用CSS做什么? CSS是一种样式表语言,用于为HTML文档定义布局。CSS 能够对网…

    2025年12月24日
    000
  • css怎么改变div的位置

    可以使用css中的position来对div进行定位来改变div的位置,position 属性值的含义: static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。 relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原…

    2025年12月24日
    000
  • css文字居中怎么打

    css text-align text-align语法: text-align : left | right | center | justify text-align参数值与说明:  left : 左对齐 right : 右对齐 立即学习“前端免费学习笔记(深入)”; center : 居中 *j…

    2025年12月24日
    000
  • css max-height属性怎么用

    max-height 属性设置元素的最大高度。 说明 该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。 注意:max-height 属性不包括外边距、边框和内边距。 立即学习“前端免费学习笔记(深入)”; 值描述none 默认。定义对元素被允许的最大高…

    2025年12月24日
    000
  • css justify-content属性怎么用

    css justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式,对齐方式有:位于容器的开头、位于容器的结尾、位于容器的中心、均匀分布等等。 css justify-content属性怎么用? justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方…

    2025年12月24日 好文分享
    000
  • css clear属性怎么用

    css clear属性指定元素的左侧或右侧上不允许出现浮动元素。可用于实现浮动的清除,解决浮动布局带来的一些问题。 css clear属性怎么用? clear 属性规定元素的哪一侧不允许其他浮动元素。 语法: 立即学习“前端免费学习笔记(深入)”; clear:left|right|both|non…

    2025年12月24日
    000
  • css box-orient属性怎么用

    css box-orient属性用于指定box(框)的子元素是否应按水平或垂直排列。水平框中的子元素从左向右进行显示,而垂直框的子元素从上向下进行显示。 css box-orient属性怎么用? box-orient属性规定框的子元素是否应水平或垂直排列。 语法: box-orient: horiz…

    2025年12月24日
    000
  • css list-style属性怎么用

    list-style属性是css的一个简写属性,用于在一个声明中设置所有的列表属性。可以设置的列表属性有:列表项标记的类型、标记位置、图像标记;可以不设置其中的某个值,比如 “list-style:circle inside;” 也是允许的。 css list-style属性…

    2025年12月24日
    000
  • css empty-cells属性怎么用

    css empty-cells属性用于设置是否显示表格中的空单元格(仅用于“分离边框”模式)。该属性定义了不包含任何内容的表单元格如何表示;如果显示,就会绘制出单元格的边框和背景。 css empty-cells属性怎么用? empty-cells 属性设置是否显示表格中的空单元格(仅用于“分离边框…

    2025年12月24日
    000
  • css content属性怎么用

    css content属性用于插入生成的内容,常和:before选择器和:after选择器配合使用,清除浮动或将生成的内容放在一个元素内容的前面或后面。所有浏览器都支持 content 属性。 css content属性怎么用? content属性用于插入生成的内容,常和:before选择器和:af…

    2025年12月24日 好文分享
    000
  • css font-weight属性怎么用

    css font-weight属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。所有主流浏览器都支持 font-weight 属性。 css font-weight属性怎么用? font-weight属性设置文本的粗细。 语法: fo…

    2025年12月24日
    000
  • css writing-mode属性怎么用

    css writing-mode属性定义了文本在水平或垂直方向上如何排布,用来控制文本的展示方向,以便可以从上到下或从左到右读取,具体取决于语言。西方语言一般都是 lr-tb 的书写方式,但是亚洲语言 lr-tb | tb-rl 的书写方式都有。 css writing-mode属性怎么用? wri…

    2025年12月24日
    000
  • css word-wrap属性怎么用

    css word-wrap属性用于设置元素内容超出其容器边界时的换行方式,常设置长单词或URL地址在容器的边界处进行自动换行;语法“word-wrap:normal|break-word;”,当属性值为“word-wrap”时实现自动换行。 css word-wrap属性怎么用? word-wrap…

    2025年12月24日
    000
  • css animation-fill-mode属性怎么用

    animation-fill-mode 属性规定动画在播放之前或之后,其动画效果是否可见。 注释:其属性值是由逗号分隔的一个或多个填充模式关键词。 语法 animation-fill-mode : none | forwards | backwards | both; 值描述none 不改变默认行为…

    2025年12月24日
    000
  • css是什么缩写

    css在英文中有如下几种常见的缩写: 1,Cascading Style Sheets 层叠样式表 2,Content Scrambling System DVD电影的加密系统 3,Cast Semi-Steel 半铸钢, 钢性铸铁 4,College Scholarship Service 大学奖…

    2025年12月24日
    000
  • css边框线怎么清除

    css 边框即css border是控制对象的边框边线宽度、颜色、虚线、实线等样式css属性。 Html表格控制边框: border=”1″ bordercolor=”#000000″ 说明:控制表格边框宽度为1px,css颜色为黑色,默认为实线样式边框。 1、四个边框 立即学习“前端免费学习笔记(…

    2025年12月24日
    000
  • css怎么设置字体立体

    html代码: 前端开发 css怎么设置字体立体? css里面还是首先来全局的设置,为了避免视觉疲劳,我们修改了背景颜色和文字颜色。 body{ background-color: #666; } @import url(http://fonts.googleapis.com/css?family=…

    2025年12月24日
    000
  • css怎么把纵向排列变成横向

    有两种方法可以将纵向列表转变成横向列表。使用内联(inline)或浮动(float)的列表项。 这两种方法都很好,但如果你想链接到具有相同的大小,你必须使用浮动的方法。 内联列表项 建立一个横向导航栏的方法之一是指定元素, 立即学习“前端免费学习笔记(深入)”; 实例 li{ display:inl…

    2025年12月24日
    000
  • css怎么绘制斜线

    使用单个标签,如何实现下图所示的斜线效果。也就是如何使用 css 画斜线? 我们假定我们的 HTML 结构如下: 法一、CSS3 旋转缩放 这里我们使用 伪元素 画出一条直线,然后绕 div 中心旋转 45度 ,再缩放一下就可以得到。 立即学习“前端免费学习笔记(深入)”; 具体实现css代码: d…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信