把所有元素加粗的css

今天我们来聊一下如何在CSS中把所有元素都加粗。通常我们用font-weight: bold; 来设置文字的粗细程度，但如果要把所有元素都加粗，我们可以这么设置：

* {
    font-weight: bold;
}

这个星号表示所有元素都会被选中并应用这个样式。比如说，如果我们有一个HTML文档，其中有p、h1、a、li等等各种元素，那么所有这些元素都会被加粗。

当然，在实际应用中，我们不一定想要把所有元素都加粗。比如说，我们可能希望ul、ol中的li不加粗。这时候我们可以这么写：

*:not(li) {
    font-weight: bold;
}

这里的:not()表示除了括号里指定的元素之外，其他元素都会应用这个样式。所以这个样式定义的意思是：除了li元素之外，所有元素都加粗。

如果你只想把某个特定的元素加粗，可以这么写：

h1 {
    font-weight: bold;
}

这样就只会让h1元素加粗，其他元素都不会变化。

当然，如果你只是想让所有元素的字体看起来更粗一些，而不是真正的加粗（比如说，如果你的网站中有一些自定义字体，可能并没有粗体的字形），你也可以用text-shadow来模拟粗体的效果：

* {
    text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
}
    

这个样式会让文字出现一些模糊的边界，看起来像是比正常文字粗一些。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！