200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 如何清除p标签的默认样式 – CSS – 前端 图css片相框效果

如何清除p标签的默认样式 – CSS – 前端 图css片相框效果

时间:2020-02-19 13:18:02

相关推荐

如何清除p标签的默认样式 – CSS – 前端 图css片相框效果

(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;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。