[分享]css不同文字样式

CSS（Cascading Style Sheets）是一种用于网页设计的语言。它可以为网页提供不同的样式，包括文字样式。CSS可以用于控制字体、大小、颜色、排列和行间距等方面，让文字在网页上更加美观...

CSS（Cascading Style Sheets）是一种用于网页设计的语言。它可以为网页提供不同的样式，包括文字样式。CSS可以用于控制字体、大小、颜色、排列和行间距等方面，让文字在网页上更加美观、易读。

p {
  font-family: Arial, sans-serif; /*设置字体*/
  font-size: 16px; /*设置字号*/
  color: #333; /*设置字体颜色*/
  text-align: justify; /*设置对齐方式*/
  line-height: 1.5; /*设置行间距*/
  text-transform: uppercase; /*将字母转换为大写*/
  font-weight: bold; /*设置字体加粗*/
  text-decoration: underline; /*设置下划线*/
}

上面的CSS代码展示了如何为

段落标签设置不同的文字样式。这些属性可以单独或一起使用，以创建不同风格的文字。

例如，可以使用不同的字体和字号来突出页面标题。另外，可以使用加粗、斜体、下划线和删除线等属性来强调某些重要的文本内容。

h1 {
  font-family: "Times New Roman", serif; /*设置字体*/
  font-size: 36px; /*设置字号*/
  font-weight: bold; /*设置字体加粗*/
  color: #666; /*设置字体颜色*/
  text-align: center; /*设置对齐方式*/
  text-transform: capitalize; /*将首字母转换为大写*/
  text-decoration: underline; /*设置下划线*/
}

em {
  font-style: italic; /*设置斜体*/
}

strong {
  font-weight: bold; /*设置字体加粗*/
  color: #f00; /*设置字体颜色*/
}

del {
  text-decoration: line-through; /*设置删除线*/
} 

除了基本的样式属性，CSS还可以使用伪元素（pseudo-elements）和伪类（pseudo-classes）来为文本添加不同的样式。例如，可以使用伪类:hover在鼠标悬停时更改链接的颜色和下划线样式。

a {
  text-decoration: none; /*去掉链接下划线*/
}

a:hover {
  color: #f00; /*设置链接悬停时颜色*/
  text-decoration: underline; /*设置链接悬停时下划线*/
} 

总的来说，CSS提供了丰富的文本样式选项，可以让网页设计更加灵活、多样化。