如何清除p标签的默认样式?
2021-03-26
(1)清除默认内外边距
html, body, div, ul, li, h
1, h
2, h
3, h
4, h
5, h
6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
margin: 0;
padding: 0;
} // 推荐使用
或者
*{margin:0;padding:0;} // 大型项目不推荐使用通配符,会使浏览器的运行速度变慢
(2)清除ul / ol的默认样式:
ul,ol{list-style:none;}
(3)清除超链接a的默认样式
a{text-decoration:none;}
(4)清除input的默认样式
input{
border:none; // 清除默认边框
outline:none; // input标签聚焦时不出现蓝色边框
}
(5)清除标题标签(h1-h6)的默认样式
h
1,h
2,h
3,h
4,h
5,h6{
font-weight:normal;
}
(6)清除em、strong标签的默认样式
em,strong{
font-style:normal;
font-weight:normal;
}
(7)清除button的默认样式
button{
border:0; // 清除默认边框
background-color:none;
outline:none;
}
大家都在看
本站系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!本站文章版权归原作者所有,内容为作者个人观点。本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。