HTML 强调

参考资料

1. HTML格式化/压缩有哪些
2. HTML 字体, 字体颜色 ，字体大小
3. Excel转HTML表格有哪些
4. 如何添加按钮的过渡动画效果？
5. HTML id 属性在 JavaScript 中的使用
6. CSS 实现购物按钮
7. Html转PHP代码有哪些
8. 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;
}

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。