html清除样式

夜箜泠

已于 2022-04-26 14:46:53 修改

阅读量1.9k

点赞数

分类专栏： HTML基础文章标签： html 前端 css3

于 2021-12-10 01:36:58 首次发布

本文链接：https://blog.csdn.net/xxx51129/article/details/121847736

版权

HTML基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了CSS样式重置的重要性和方法，通过清除默认边距和填充实现一致的布局起点。同时，介绍了如何使用最小化的基础样式设置，如`body`的最小宽度和字体设置，以及对`fieldset`、`img`等元素的边框处理，来创建整洁的网页布局。此外，还强调了`clearfix`类在解决浮动元素引起的父级高度塌陷问题中的应用。

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

/* css reset */
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    min-width: 320px;
    font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans8-serif;
    color: #000;
    -webkit-text-size-adjust: none
}

fieldset,
img {
    border: 0
}

ol,
ul {
    list-style: none
}

address,
em {
    font-style: normal
}

a {
    color: #000;
    text-decoration: none
}

table {
    border-collapse: collapse;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.clearfix {
    zoom: 1
}