Design the Web: Using Counters and Resets in CSS 设计网页:在CSS中使用计数器和重置 Lynda课程中文字幕
作者:互联网
Design the Web: Using Counters and Resets in CSS 中文字幕
设计网页:在CSS中使用计数器和重置 中文字幕Design the Web: Using Counters and Resets in CSS
CSS计数器属性支持HTML元素的自动编号 - 非常类似于无序列表,但在任何HTML元素上都是如此
对底层代码没有影响,当您移动内容时,数字会自动更新
学习如何在设计网站这一集中使用计数器在您的网页设计中
Chris Converse演示了如何将计数器应用于不同的元素,包括标题和标题,并在网页上合并,重用和重置计数器
嗨, 我叫Chris Converse, 欢迎来到Design Web。
在这一集中, 我们将使用CSS中的计数器和重置来对网页中的HTML元素进行编号。
现在通常使用有序列表来实现编号列表。
但是, CSS可用于对HTML页面中的任何元素进行计数。
这对于在您的页面上编号照片或图表, 编号标题或内容部分非常有用, 而且这一切都是在不更改页面中的任何HTML的情况下实现的。
因此, 如果您在HTML页面中移动内容, CSS属性将自动更新浏览器中的编号项目。
现在在本课程中, 我们将在同一页面中创建多个CSS计数器来计算标题和数字。
我们甚至可以根据其他元素在页面上重置计数器。
最后, 本课程的练习文件可供所有成员使用。
所以下载你的文件, 让我们开始创建一些自定义的计数器和重置与CSS。
本课程视频下载地址:设计网页:在CSS中使用计数器和重置
标签:Web,网页,Lynda,重置,计数器,HTML,CSS,页面 来源: https://blog.csdn.net/BeautifulCoding/article/details/97679872