CSS 常用标签与属性详解

以下列出常见的 HTML 标签，涵盖语义化元素及基础结构：

abbr: 缩写标签，鼠标悬停可显示全称。
address: 通常呈现为斜体，表示联系信息。
article, aside, audio: 独立内容、侧边栏、音频元素。
b, blockquote, body, canvas, caption: 粗体、引用块、文档主体、画布、表格标题。
cite, code, command, datalist: 引用、代码片段、命令、数据列表。
dd, del, details, dfn, dl, dt: 定义描述、删除线、详情、术语、定义列表。
em, embed, fieldset, figcaption, figure: 强调、嵌入、表单域、图片说明、图片容器。
font, footer, form, h1-h6: 字体（已废弃）、页脚、表单、标题层级。
header, hgroup, html, i, iframe, ins: 页眉、标题组、根元素、斜体、内嵌框架、插入文本。
kbd, keygen, legend, meter, nav, object: 键盘输入、密钥生成、图例、度量、导航、对象嵌入。
ol, output, pre, progress, q, s, samp: 有序列表、输出结果、预格式化、进度条、引号、删除文本、样本输出。
section, small, span, source, strike, strong: 章节、小号字、行内容器、媒体源、删除线、加粗。
sub, sup, tbody, tfoot, thead, th, tr, td, video: 下标、上标、表格主体/页脚/头部、表头单元格、行、数据单元格、视频。
tt, u, ul: 等宽字体、下划线、无序列表。

注：embed 标签用于定义嵌入的内容，如插件。

background: transparent; 设置背景透明。当透明元素覆盖其他元素时，若被遮元素无焦点，事件会被透明元素截获并冒泡；若有焦点，则由该元素处理。

outline 是元素外围的线条，用于突出显示。与 border 不同，outline 不占据布局空间。

vertical-align 设置行内元素的垂直对齐方式。常用值包括 baseline、sub、super、top、text-top、middle、bottom、text-bottom、inherit。例如 top 表示垂直对齐文本顶部。

更多推荐文章