css样式

文本对齐

text-align 属性用于设置文本的水平对齐方式。

文本可以左对齐或右对齐，或居中对齐。

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

---

文本方向

direction 和 unicode-bidi 属性

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

可用于更改元素的文本方向：

---

垂直对齐

vertical-align 属性设置元素的垂直对齐方

img.top {
  vertical-align: top;
}

img.middle {
  vertical-align: middle;
}

img.bottom {
  vertical-align: bottom;
}

---

什么是伪类？

伪类用于定义元素的特殊状态。

例如，它可以用于：

• 设置鼠标悬停在元素上时的样式
• 为已访问和未访问链接设置不同的样式
• 设置元素获得焦点时的样式

  ---

  设置链接样式

  链接可以使用任何 CSS 属性（例如 color、font-family、background 等）来设置样式。

• a {
    color: hotpink;
  }

  此外，可以根据链接处于什么状态来设置链接的不同样式。

  四种链接状态分别是：

• a:link - 正常的，未访问的链接
• a:visited - 用户访问过的链接
• a:hover - 用户将鼠标悬停在链接上时
• a:active - 链接被点击时

  ---

  文本装饰

  text-decoration 属性主要用于从链接中删除下划线：

• a:link {
    text-decoration: none;
  }
  
  a:visited {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  a:active {
    text-decoration: underline;
  }

  ---