css定义全局样式

时间:2023-03-30 17:13:45

在CSS中,可以使用通配符*来定义全局样式,它可以匹配所有元素。例如,下面的CSS代码会将页面中所有元素的外边距和内边距都设置为0:

* {
margin: 0;
padding: 0;
}

使用通配符定义全局样式时需要注意,可能会影响到页面中某些不需要被修改的元素。为了避免这种情况,最好在定义全局样式之前,先定义好一些基础样式,然后再使用通配符进行调整。例如:

/* 定义基础样式 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
}

a {
color: #007bff;
text-decoration: none;
}

/* 使用通配符调整 */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

在上面的例子中,先定义了body和a元素的基础样式,然后使用通配符*调整所有元素的box-sizing、margin和padding属性,以保证它们的默认值是一致的。

相关词