首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css中怎么去掉默认标签

发布于 2024-11-11 19:06:49
0
11

在CSS中,每个HTML标签都有其默认的样式,比如段落标签的默认样式就包括字体、颜色、行高等。但是有时候,我们需要去掉这些默认样式,来实现自己的设计效果。那么,怎么去掉这些默认样式呢?/ 去掉段落标签...

在CSS中,每个HTML标签都有其默认的样式,比如段落标签

的默认样式就包括字体、颜色、行高等。但是有时候,我们需要去掉这些默认样式,来实现自己的设计效果。那么,怎么去掉这些默认样式呢?

/* 去掉段落标签<p>的默认样式 */
p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
} 

上述代码中,我们对段落标签

进行了重置,将其margin和padding都设为了0,即去掉了默认的外边距和内边距。同时,我们将font-family、font-size、line-height和color都设成了inherit,表示继承父元素的样式,不再使用默认样式。

当然,以上代码只是一个示例,具体的样式重置要根据具体的需求进行定义。比如,如果只想去掉段落标签

的margin而保留padding,可以只设置margin为0,而不动padding。

/* 去掉段落标签<p>的默认外边距 */
p {
  margin-top: 0;
  margin-bottom: 0;
} 

除了段落标签

,还有很多其他的HTML标签也有默认的样式。比如,链接标签、列表标签

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流