博客

段落标签：

换行标签：

横线标签：

无语义标签：

图像标签：

超链接标签：

文本格式化标签： /

:加粗



:斜体







:删除线





:下划线

2.表格标签：

表格标签：

行标签：

单元格标签： 跨两列

rowspan 跨行 跨两行

3.列表标签：

无序列表：

有序列表：

定义列表：

4.表单标签：

普通文本框（单行文本框）：

密码框：

单选按钮：

复选框：

普通按钮：

提交按钮：

重置按钮：

图片按钮：

文件域：

文本域（多行文本域）：

下拉菜单：

表单域：<form action=”url>

1.块级标签：

/

/…

块级标签的特征：独占一行②宽度默认容器的100%③可以设置宽度高度，内边距外边距④可以嵌套其他块级元素和行内元素（h1~h6 p)

2.行内标签：

行内标签的特征：①和其他行内元素或普通文本在一行显示，不换行②宽度是由内容撑起来的③设置高度，宽度无效 ④只能嵌套其他行内元素或文本（a不能嵌套标签）

3.行内块标签：inline-block {input/img/td}为行内标签

行内块标签的特征：①和其他行内元素或普通文本在一行显示，不换行②宽度是由内容撑起来的③可以设置宽度高度，内边距和外边距 ④有默认间隙

4.背景样式

背景颜色：background-color

背景图片：background-imgage：url（）

背景平铺：background-repeat：repeat no-repeat repeat-x repeat-y

背景定位：background-position:top/buttom

背景附着：background-attachment:fixed

5.修改文素的显示状态：display：①inline 将元素改为行内标签②block 将元素改为块级标签，③inline-block 将元素改为行内元素 ④none：隐藏标签

1.背景透明 background:rgba(255,255,255,0)

2.盒子的边框：border

3.圆角边框：border-radius

4.内边距:padding

5.外边距：margin

6.块级元素居中：margin:0 auto;

7. 文本水平对齐：text-aline:center

8.文本垂直对齐：line-hight:100px

hight:100px

for表单（用于前后端交互）类似于百度登陆页面

账号：



密码：

<input type=”password”name=“password” placeholder=“请输入密码”>

男（单选框，如果没有name那么就是男女都可选择）

香蕉（复选框）

checked=“checke” 属性默认选中

maxlength=“长度个数”（用于限制输入电话号个数及密码位数）


姓名

“点击聚焦到姓名”