1. 布局标签#

• 标签：<div> <span>

• 特点：

• <div>标签：

  • 一行只显示一个（独占一行）
  • 宽度默认是父元素的宽度，高度默认由内容撑开
  • 可以设置宽高（width、height）

• <span>标签：

  • 一行可以显示多个
  • 宽度和高度默认由内容撑开
  • 不可以设置宽高（width、height）

• <hr> 标签：水平分割线

• <br> 标签：换行

2. flex布局#

• 父元素：display: flex; 弹性布局
• flex-direction: row;：默认为 row 水平布局，设置主轴
• flex-start：从头开始排列
• flex-end：从尾部开始排列
• center：在主轴上居中对齐
• space-around：平分剩余空间
• space-between：先两边贴边，再平分剩余空间
• justify-content: space-around;

3. 表单标签：<form>#

表单属性：

• action:表单数据提交的url地址
• method:表单提交方式
• get：表单数据拼接在url后面，?username=java
• post:表单数据在请求体中携带/大小没有限制 。注意：表单项必须有name属性才可以提交。

4. 表单项标签#

• <input> 的 type 属性：text、password、radio、checkbox、file、date、datetime-local、time、hidden、button、submit
• <select> 定义下拉列表
• <textarea> 定义文本域