但这也引入一个问题——我们没办法通过JavaScript完全操控伪元素（我将在下面一节为大家讲述） 一大波伪元素来了 除了::before和::after外，别漏了以下的哦！...::selection：匹配选中部分的内容。可用的CSS属性为background,color。 有没有发现有的伪元素前缀是:有的却是::呢？...+，必选，用于标识自增计数器的作用范围，为自定义名称，为起始编号默认为0。...自定义计数器 HTML为我们提供ul或ol和li来实现列表，但如果我们希望实现更为可性化的列表，那么该如何处理呢？content属性的counter类型值就能帮到我们。 ol .li .ol .li{a} .li{b} .li .ol .li{c} .ol { counter-reset: ol;
列表创建时间降序排序的，这里我想在语义和视觉上都能体现出来(让列表显示对应的编号，编号越大表示是最新的)。网上做了一些研究，找到了一些有趣的解决办法，有些很好，有些就不那么好了。...ol reversed> li>Cli> li>Bli> li>Ali> ol> reversed 属性是一个布尔属性，reversed 属性规定列表顺序为降序 (...HTML中的value属性 另一种方法就是使用 value 属性： ol> li value="3">Cli> li value="2">Bli> li value="1">...CSS 自定义的 counter() 第三种方式就是使用CSS的 counter 计算器， 要倒序计数器的顺序，我们有两件事要做：将计数器重置为非0的值，并以负数递增计数器。...; } ol li::before { content: counter(my-custom-counter) ". " } 一些文章建议使用Flexbox或类似的技术来反转 CSS 中列表顺序。
HTML笔记（5） 列表标签： 表格是用来显示数据的，那么列表就是用来布局的，列表最大的特点就是整齐，根据使用场景的不同，列表可以分成三大列： 无序列表、有序列表和自定义列表。...中只能嵌套li>li>，输入其他标签或文字的做法是不被允许的。 li>与li>之间相当于一个容器，可以容纳所有元素。.../li> li>列表项2li> li>列表项3li> ol> 注意： ol>ol>中只能嵌套li>li>，输入其他标签或文字的做法是不被允许的...自定义列表 在HTML中，（definition lists）标签用于定义描述列表（或定义列表），该标签会与（definition term)(定义项目/名字)和（definition...，但还是男女两个选项都可以选，此时的解决办法是添加name属性。
list-style-image 属性：允许为项目符号使用自定义图片，而不是简单的方形或圆形。...list-style-type 属性 - 允许你设置项目符号的类型 描述: 此属性可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式），可用于有序或无序列表。...-- start 属性允许你从 1 以外的数字开始计数。 --> 属性将使列表反向计数。 --> value 属性允许设置列表项指定数值。...--> ol start="4" reversed> li>面条|noodlesli> li>面包|breadli> li value="0">鱼|fish<...语法参数: :link CSS 伪类表示尚未被访问的元素，匹配每个具有 href 属性的未访问的 或 元素，注意 :visited 伪类和 :link 伪类是互斥的 :link
属性名 属性值 描述 align left/center/right 规定表格相对周围元素的对齐方式 border 1或"" 规定表格单元是否拥有边框，默认为""，表示没有边框 cellpadding... 标签里只能放li>标签 li>标签相当于一个容器标签 无序列表带有自己的样式属性，使用CSS来设置 有序列表（理解） ol> li>列表项1li> li...ol> ol>标签里只能放li>标签 li>标签相当于一个容器标签 有序列表带有自己的样式属性，使用CSS来设置 自定义列表（重点） 经常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号... 标签里只能包含和标签 和标签数量没有限制，为并列关系 表单标签 表单的目的是为了收集用户信息。...提交按钮会将表单数据发送的服务器 name属性：定义input元素的名字，值用户自定义 value属性：规定input元素的值，值用户自定义 checked属性：规定此input元素首次加载时被选中
列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。 根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。...li> 与 li> 之间相当于一个容器，可以容纳所有元素。 无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。...ol> ol>ol>中只能嵌套li>li>，直接在ol>ol>标签中输入其他标签或者文字的做法是不被允许的。 li> 与 li>之间相当于一个容器，可以容纳所有元素。...有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。 自定义列表 自定义列表的使用场景: 自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。...type 属性的属性值及其描述如下： 其他属性 name和value是每个表单元素都有的属性值主要给后台人员使用 name表单元素的名字，要求单选按钮和复选框要有相同的name值 checked属性主要针对于单选按钮和复选框主要作用一打开页面
自动编号在 CSS 2.1 中是通过两个属性控制的，'counter-increment'[1]和'counter-reset'[2]。...通过这些属性定义的计数器用于'content’[3]属性的 counter() 和 counters() 函数 初始化计数器 在使用计数器的时候需要先初始化这个计数器，并且设置一个计数器的名字(变量)。...下面是例子，title 就是名字，conter-reset 就是用来初始化的，这个属性是必须设置的，否则没办法用计数器。...'counter-reset'[4]属性也含有一列一个或多个计数器，每个后面可以跟一个可选的整数。...，然后可以让这个变量进行自增： 'counter-increment'[5]属性接受一个或多个计数器名（标识符），每个后面都可以跟一个可选的整数。
在HTML入门教程中，有序列表和无序列表的列表项符号都是使用type属性来定义的。我们先来回顾一下。...但是我们之前说过，标签和样式是应该分离的，那在CSS中怎么定义列表项符号呢？ 在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。...li> image.png 分析： “ol,ul{list-style-type:none;}”使用的是CSS选择器中的群组选择器...在CSS中，我们可以使用list-style-image属性来自定义列表项符号。...请查看“相对路径和绝对路径” 举例： 我们把下面这个小图标自定义为列表项符号： <!
有些时候为了某些效果，不得不添加一些无意义的标签，而伪元素既能起到这种辅助布局的作用，又不需要增加无意义的标签。 ? 2....::before 、::after 在 CSS 中可以使用 ::before 伪元素选择器与 ::after 伪元素选择器在页面中的元素的前面或后面生成内容，而生成的内容是用 content 属性来定义的...生成——CSS计数器 4.1. 先看几个例子 示例1： ? <!...详解 CSS 中有一个计数功能，就像使用变量一样，它有以下4个属性： counter-reset：创建或重置计数器； counter-increment：增长计数器； content：生成内容； counter...()：将计数器的值添加到生成内容中 Manipulating a counter's value： To use a CSS counter, it must first be initialized
写在开篇：对html列表的热身 HTML支持有序、无序和自定义列表，本篇笔者对这几个知识点进行剖析，跟紧步伐，我们一起出发吧！...只是将ul变成了ol，就是辣么简单。 效果图下图： 自定义列表 自定义列表以dl标签开始，每个自定义列表项以dt开始，每个自定义列表项的定义以dd开始。 废话不说，直接看下面小栗子，代码如下： css的list-style-type:disc;属性来控制了样式，不过这个是默认的样式，哪怕不指定，也是这样的效果。...真变成了正方形的无序列表，这就是通过CSS属性来控制的样式 再看一个粒子，如果CSS的属性是none，是什么效果？看下面代码： li>Shellli> 效果如下图： 居然没有无序列表了，这就是css属性值为none的效果 那么通过css来控制无序列表的样式
解释： 对于非 HTML 标签之间的缩进，比如 script 或 style 标签内容缩进，与 script 或 style 标签的缩进同级。...示例： value="1" checked> [建议] 自定义属性建议以 xxx- 为前缀，推荐使用...解释： 使用前缀有助于区分自定义属性和标准定义的属性。...解释： 在页面渲染的过程中，新的CSS可能导致元素的样式重新计算和绘制，页面闪烁。 [建议] JavaScript 应当放在页面末尾，或采用异步加载。...解释： 当浏览器 JS 运行错误或关闭 JS 时，提交功能将无法工作。如果正确指定了 form 元素的 action 属性和表单控件的 name 属性时，提交仍可继续进行。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。 ?...就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同。 ? ?...ol标签 ol>li>Coffeeli>li>Teali>li>Milkli>ol>ol start="50">li>咖啡li>li>牛奶li>li>茶li>...ol>ol type="A">li>Coffeeli>li>Teali>li>Milkli>ol>ol> ol>标签定义有序列表。...ol上有以下几个常用属性： start规定有序列表的起始值，默认为1。 type规定在列表中使用的标记类型。 ?
-- 注释 --> 换行标签： 或 水平线标签： 或 2、双标签 段落标签： 特点：上下自动生成空白行。br 换行不会生成空白行。... type="square" ：小方块 type="disc" ： 实心小圆圈 type="circle" ： 空心小圆圈 2、有序列表 ol type="" start="">...ol> type="1,a,A,i,I" ，type的值可以为1,a,A,i,I start="3" 决定了开始的位置。 3、自定义列表 办法：一个是robots.txt，另一个是 robots meta 标签。...图标 ---- 八、小结 今天将的内容是：标签、超链接、特殊符号、列表、音乐标签、滚动标签、和 head 里面相关知识点。
li>li>之间相当于一个容器，可以容纳所有元素。 无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。...无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。 自定义列表 自定义列表不仅仅是一列项目，而是项目及其注释的组合。...定义列表常用于对术语或名词进行解释和描述，定义列表的列表项钱没有任何项目符号。...默认宽度为20个字符除type属性外，标签还有其他属性常用属性有： 属性属性值描述name由用户自定义定义input元素的名称value由用户自定义规定input元素的值checkedchecked规定此...input元素首次加载时应当被选中mexlength正整数规定输入字段中的字符的最大长度 name和value是每个表单元素都有的属性值,主要是给后台人员使用 name表单元素的名字, 要求单选按钮和复选框要有相同的
首先，HTML元素从闭合属性上可分为2类： 自闭和标签 自闭和标签在html元素中的比例不大，常用的就以下几个： 从上面的标签可以看出，自闭合标签形如...可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。 ?...Paste_Image.png ol标签 ol>li>Coffeeli>li>Teali>li>Milkli>ol>ol start="50">li>咖啡li>li>牛奶...li>li>茶li>ol>ol type="A">li>Coffeeli>li>Teali>li>Milkli>ol>ol> ol>标签定义有序列表。...ol上有以下几个常用属性： start规定有序列表的起始值，默认为1。 type规定在列表中使用的标记类型。 ?
第01阶段.前端基础.列表和表单 1. 列表标签（重点） 学习目标 理解 无序列表的应用场景 自定义列表的应用场景 应用 无序列表语法 自定义列表语法 问？...1.2 有序列表 ol （了解） 有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下： ol> li>列表项1li> li>列表项2li>...ol> 所有特性基本与ul 一致。 但是实际中比 无序列表 用的少很多。 1.3 自定义列表（理解） 定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。... 1.4 列表总结 标签名 定义 说明 无序标签 里面只能包含li 没有顺序，我们以后布局中最常用的列表 有序标签 里面只能包含li 有顺序， 使用情况较少 自定义列表 里面有2个兄弟，...具体的我们刚才看的布局，等我们学了css 在来全面布局。 2. 表单标签(掌握) 目标： 能写出最常用的注册类表单 能说出input表单常见属性 现实中的表单，类似我们去银行办理信用卡填写的单子。
li>li>之间相当于一个容器，可以容纳所有元素。 无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。...ol> 注意事项： ol>ol>中只能嵌套li>li>，不能直接在ol>ol>标签中输入其他标签或者文字。 li>li>之间相当于一个容器，可以容纳所有元素。...无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。 自定义列表 自定义列表不仅仅是一列项目，而是项目及其注释的组合。...定义列表常用于对术语或名词进行解释和描述，定义列表的列表项钱没有任何项目符号。...默认宽度为20个字符 除type属性外，标签还有其他属性常用属性有： 属性 属性值 描述 name 由用户自定义 定义input元素的名称 value 由用户自定义 规定input元素的值
02-列表标签 表格是用来显示数据的，而列表是用来布局的。列表最大的特点就是整齐、整洁、有序，用它做布局会更加自由和方便。根据使用场景的不同，列表可以分为无序列表、有序列表和自定义列表三大类。...无序列表会带有自己的样式属性（即每个列表项前的黑点），但在实际开发中会通过CSS来设置。 2.2有序列表（了解） 有序列表即为有排列顺序的列表，各个列表项会按照一定的顺序排列定义。...有序列表也会带有自己的样式属性（即每个列表项前的数字），但在实际开发中会通过CSS来设置。...2.3自定义列表（重点） 自定义列表（描述列表/定义列表）常用于对术语或名词进行解释和描述，定义列表的列表项前面没有任何项目符号。...在HTML页面中，标签用于表示自定义列表，该标签会与(定义项目/名称)和(项目/名称的解释)一起使用。 基本语法格式 <!
无序列表会带有自己样式属性，放下那个样式，一会让CSS来！...1.2 有序列表 ol （了解） 有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下： ol> li>列表项1li> li>列表项2li...ol> 所有特性基本与ul 一致。 但是实际中比 无序列表 用的少很多。 1.3 自定义列表（理解） 定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。... 1.4 列表总结 标签名 定义 说明 无序标签 里面只能包含li 没有顺序，我们以后布局中最常用的列表 ol>ol> 有序标签 里面只能包含li 有顺序...， 使用情况较少 自定义列表 里面有2个兄弟， dt 和 dd 我们现在还没有学布局，现在只要保证2个点： 学会什么时候用无序列表， 学会什么时候用自定义列表 无序列表和自定义列表代码怎么写
⚪ 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。 ⚪ 任何标签的属性都有默认值，省略该属性则取默认值。...* 链接标签 【的弹出方式">文本或图像】 ⚪ href：用于指定链接目标的url地址，当为标签应用href属性时... * 有序标签 【ol】 ⚪ 有排列顺序的列表，其各个列表项按照一定的顺序排列定义 ⚪ 例如： ol type="A" start...ol> * 自定义列表 ⚪ 常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。...控件名称 value ---> 自定义 默认文本值 size
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
