[分享]css中h元素的默认样式

在 CSS 中， 到 是用来标记 HTML 页面中的标题文本的。这些元素既有语义意义，也有默认的样式效果。 元素拥有最大的字号和字体加粗效果，而 则最小，并且字体不加粗。以下是默认的样式：h1 {...

在 CSS 中，<h1> 到 <h6> 是用来标记 HTML 页面中的标题文本的。这些元素既有语义意义，也有默认的样式效果。

<h1> 元素拥有最大的字号和字体加粗效果，而 <h6> 则最小，并且字体不加粗。以下是默认的样式：

h1 {
  font-size: 2em;
  font-weight: bold;
}
h2 {
  font-size: 1.5em;
  font-weight: bold;
}
h3 {
  font-size: 1.17em;
  font-weight: bold;
}
h4 {
  font-size: 1em;
  font-weight: bold;
}
h5 {
  font-size: 0.83em;
  font-weight: bold;
}
h6 {
  font-size: 0.67em;
  font-weight: normal;
} 

默认样式可以使网页更整洁和易于阅读，但也可能与您的设计不匹配。您可以通过 font-weight, font-size, font-family, color 和 text-align 等属性修改显示效果。

例如，要使所有标题右对齐和蓝色的话，可以这样写：

h1, h2, h3, h4, h5, h6 {
  text-align: right;
  color: blue;
} 

这将使所有标题右对齐，并且颜色为蓝色。

总之，HTML 的标题标记 <h1> 到 <h6> 具有默认样式。您可以通过添加 CSS 样式来更改它们的颜色，大小，字体和对齐方式等样式。