首页 前端知识 CSS中的用户代理样式表怎么去掉?

CSS中的用户代理样式表怎么去掉?

2024-05-13 11:05:38 前端知识 前端哥 711 48 我要收藏

很简单,只需要将需要去除的标签进行定义:marign、padding、border为0即可。

例子

CSS中的用户代理样式表怎么去掉
在图中,我们看到UL没有定义清除“用户代理样式表”显示了浏览器默认的样式,所以我们需要手动去定义不需要的用户代理样式

代码如下

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

请根据自己的需求进行定义,这里我将常见不需要的“HTML标签”进去定义清除。

定义后的效果

定义后的效果
好了,复制代码去试试吧!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8564.html
标签
评论
发布的文章

1、SpringBoot简介及返回json

2024-05-25 09:05:17

mysql 的jsonTable使用

2024-05-25 09:05:41

MySQL中的JSON

2024-05-25 09:05:32

JSON简介(1)

2024-05-25 09:05:22

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!