HTML 强调

参考资料

1. HTML id 属性详解
2. HTML/UBB互转有哪些
3. HTML 区块元素
4. HTML 图像
5. HTML使用表格 布局
6. HTML 有用的提示
7. HTML 段落
8. HTML 来显示目录链接页面使用 iframe

HTML 强调标签：

1. <em> - 表示强调，默认斜体显示

2. <strong> - 表示重要内容，默认加粗显示

3. <i> - 表示技术术语/外文短语等，默认斜体

4. <b> - 表示关键词/产品名等，默认加粗

CSS扩展方法：

1. 修改强调样式：

em {
  font-style: italic;
  color: #ff6600;
}
strong {
  font-weight: bold;
  background-color: yellow;
}

2. 伪元素强调：

.important::before {
  content: "!";
  color: red;
  margin-right: 5px;
}

3. 动画强调：

@keyframes highlight {
  0% { background-color: yellow; }
  100% { background-color: transparent; }
}
.highlight {
  animation: highlight 2s;
}

4. 文本装饰强调：

.underline {
  text-decoration: underline wavy red;
}