参考资料

1. 如何添加按钮的过渡动画效果？
2. HTML 标签
3. HTML id 属性在 JavaScript 中的使用
4. 如何禁用网页端开发者工具
5. HTML 列表
6. HTML 文本格式化
7. HTML 图像
8. html表格标签详细说明以及案例

HTML 强调

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;
}