css中清理默认li样式

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在css中,我们经常需要清理一些默认的样式来使得页面更符合我们的预期,其中一个比较常见的就是清理li标签的默认样式。通常的情况下,li标签会有一些默认的样式,如缩进、加粗等,这些可能与我们的设计不太搭

在css中,我们经常需要清理一些默认的样式来使得页面更符合我们的预期,其中一个比较常见的就是清理li标签的默认样式。

通常的情况下,li标签会有一些默认的样式,如缩进、加粗等,这些可能与我们的设计不太搭配。因此,我们需要使用css来清理这些默认样式,以便更好地控制我们的页面。

  ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        li {
            margin: 0;
            padding: 0;
            font-weight: normal;
        } 

上述代码中,我们将ul元素的padding和margin都设置为0,以便将列表贴近父元素。list-style设置为none则是清除了默认的小圆点。对于li元素,我们将其margin和padding都设置为0。font-weight设置为normal则是去掉了默认的加粗效果。

当然,上述代码只是一个比较基础的清理样式的代码。在实际应用中,我们可能还需要进行一些其他调整,如改变字体大小、颜色等等,以满足我们的设计需求。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中清理默认li样式

粉丝

0

关注

0

收藏

0

已有0次打赏