HTML网页搭建前清除工作（基础版）

最新推荐文章于 2024-10-19 19:48:37 发布

柠檬味的融融521

最新推荐文章于 2024-10-19 19:48:37 发布

阅读量297

点赞数

分类专栏： HTML小知识文章标签： html5 html css 前端

本文链接：https://blog.csdn.net/m0_64054560/article/details/123914062

版权

HTML小知识专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了在前端开发中，为了统一页面样式，通常需要进行CSS样式重置。提供的代码示例包括清除所有标签的边距和内边距，移除列表符号，取消链接下划线，消除文本加粗和倾斜效果，以及标准化标题样式和表单元素的外观。这为后续的页面布局和组件设计提供了干净的起点。

摘要由CSDN通过智能技术生成

在搭建一个页面前，需要先清除一些标签自带的样式，为后续工作奠定基础，以下是基础版的清除样式的代码。

/* =========清除重置工作============= */

/* 清除所有标签自带边距 */
*{
    padding: 0;
    margin: 0;
}

/* 清除列表自带列表符号 */
ul,ol{
    list-style: none;
}

/* 清除标签下划线 */
a,u{
    text-decoration: none;
}

/* 清除默认加粗效果 */
b,strong{
    font-weight: normal;
}

/* 让倾斜标签不倾斜 */
i,em{
    font-style: normal;
}

/* 让标签标题默认效果删除 */
h1,h2,h3,h4,h5,h6{
    font-size: 16px;
    font-weight: normal;
}

/* 表单标签清除效果 */
input{
    /* 清除点击轮廓线 */
    outline: none;
    /* 清除边框线 */
    border: none;
}