CSDN话题挑战赛第1期
活动详情地址：CSDN

参赛话题：前端学习记录
话题描述：记录前端学习过程中的某个知识点、解决方案等等

概念

在平时网页设计中我们最常见的就是无序列表，有序列表就是会有顺序，我们也可以自定义序号的样式，而无序列表则是不分顺序的，自定义列表就如他名字一样，根据用户需要自定义。

语法格式：

有序列表语法格式：

<ol>

        <li>列表一</li>

        .....

</ol>

无序列表语法格式：

<ul>

        <li>列表一</li>

        .....

</ul>

自定义列表：

<dl>

        <dt>定义列表项1</dt>

        <dd>列表一</dd>

        .....

</dl>

type用于设置其列表样式【有序无序通用属性，只是属性值不一样】

<body>
    <p>有序列表</p>
    <ol>
        <li>列表一</li>
        <li>列表二</li>
        <li>列表三</li>
    </ol>
    <ol type="A">
        <li>表1</li>
        <li>哈哈哈</li>
        <li>测试测试</li>
    </ol>
    <p>无序列表</p>
    <ul>
        <li>都是属于我自己的感受</li>
        <li>是我自己填写</li>
        <li>真实内容</li>

    </ul>
    <ul type="disc">
        <li>设置了样式</li>
        <li>是我自己填写</li>
        <li>真实内容</li>
    </ul>
    <p>自定义列表</p>
    <dl>
        <dt>说明1</dt>
        <dd>列表一</dd>
        <dd>列表二</dd>
        <dt>说明二</dt>
        <dd>1</dd>
        <dd>1</dd>
    </dl>
</body>

效果展示：

 为区分开我设置了样式的列表和默认样式表，所以我用水平线分开方便观察，下面我将详细说明无序列表和有序列表关于type属性值。

无序列表
type="disc" 默认样式，圆点
type="circle" 空心圆样式
type="square" 实心正方形

有序列表
type="A" 大写字母样式去数
type="a" 小写字母样式去数
type="1" 以大写的罗马数字（默认样式）
type="i" 以小写的罗马数字

注意：若想去除有序列表和无序列表的默认样式，可以在css中使用list-style:none;

总结

最重要的是知道用list-style去除默认样式，这个我们会在网页开发中经常使用到。

emment语法

许多开发软件都支持，这大大减少了我们输入代码的复杂，为我们提供了很大的便捷性。

 

 最常见的就是当我们用vscode编写代码时，直接输入！按下tab键就可快速生成HTML框架.

CSDN话题挑战赛第1期
活动详情地址：CSDN

# 前端 # html
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

华为开发者空间云开发环境（容器）操作指导

avatar 华为开发者空间
cover

【openGauss】Oracle与openGauss/GaussDB数据一致性高效核对方案

avatar 华为开发者空间

【GaussDB】在逻辑复制中剔除指定用户的事务

基于逻辑复制标签实现过滤，技术上可行，但打标签这个附加操作需要在执行sql前执行（除非使用触发器，但触发器属于高风险操作，不建议使用），如果漏执行，将会存在错误覆盖目标库的风险。历史表归档方案通过在源库建立历史表存储归档数据，配置复制规则排除历史表的删除操作，虽然会增加IO开销，但实现简单、安全性高，避免了事务过滤可能带来的风险。虽然插入历史表会产生额外IO，可能使数据归档操作时间翻倍，但相比剔除

avatar 华为开发者空间