如何清除p标签的默认样式_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:12:57 共计：3612 浏览

如何清除p标签的默认样式？

（1）清除默认内外边距

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, 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）的默认样式

h1,h2,h3,h4,h5,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;

}

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。