1.CSS区分元素
a.块级元素
| 元素 | 描述 |
|---|---|
div |
分区或节 |
dd |
定义条目 |
dl |
列表 |
dt |
列表中的项目 |
form |
表单 |
h1-h6 |
标题 |
p |
段落 |
li |
列表项目 |
ol |
有序列表 |
ul |
无序列表 |
table |
定义表格 |
tbody |
表格主体 |
td |
标准单元格 |
th |
表头单元格 |
tr |
表格中的行 |
caption |
表格标题 |
b.内联元素
| 元素 | 描述 |
|---|---|
b |
加粗 |
a |
锚点 |
br |
换行 |
img |
图片 |
i |
斜体 |
label |
标签 |
input |
输入 |
select |
选择框 |
span |
组合文档中的行内元素 |
strong |
加粗 |
textarea |
输入域 |
2.HTML区分元素
a.容器元素
| 元素 | 描述 |
|---|---|
div |
分区或节 |
h1-h6 |
标题 |
ul |
无序列表 |
ol |
有序列表 |
dl |
列表 |
dt |
列表中的项目 |
dd |
定义条目 |
li |
列表项目 |
b.文本元素
| 元素 | 描述 |
|---|---|
b |
加粗 |
strong |
加粗 |
i |
斜体 |
span |
组合文档中的行内元素 |
a |
锚点 |
p |
段落 |
3.其他区分
a.表单元素<form>
| 元素 | 常用属性 |
|---|---|
input |
type（常用值text、password、submit、radio、checkbox、button、number、date）、name、value
|
select |
name |
option |
value、selected
|
textarea |
name |
button |
type、onclick
|
b.表格<table>
| 元素 | 描述 |
|---|---|
table |
定义表格 |
tbody |
定义表格的主体 |
thead |
定义表格的页眉 |
tr |
定义表格的行 |
td |
定义表格单元 |
th |
定义表格的表头 |
c.列表标签
| 元素 | 描述 |
|---|---|
ol |
有序列表 |
ul |
无序列表 |
li |
列表项 |
dl |
定义列表 |
dt |
列表中的项目 |
dd |
描述列表中的项目 |
4.常用属性
a.全局属性
| 属性 | 作用 |
|---|---|
class |
规定元素的一个或多个类名 |
hidden |
隐藏 |
id |
规定元素的唯一 id |
lang |
规定元素内容的语言 |
style |
规定元素的行内 CSS 样式 |
title |
规定有关元素的额外信息 |
b.块级元素和内联元素切换display
| 值 | 作用 |
|---|---|
none |
此元素不会被显示 |
block |
此元素将显示为块级元素，此元素前后会带有换行符 |
inline |
默认。此元素会被显示为内联元素，元素前后没有换行符 |
inline-block |
行内块元素 |
c.连接<a>四种状态
| 状态 | 描述 |
|---|---|
:link |
普通的、未被访问的链接 |
:visited |
用户已访问的链接 |
:hover |
鼠标指针位于链接的上方 |
:active |
链接被点击的时刻 |
