在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标签也有默认的样式。比如,链接标签、列表标签