HTML&CSS

1、HTML表单标签

1.1 作用:

采集用户输入的数据,提交到服务器

1.2属性

1.2.1action 提交到服务器程序的路径

1.2.2method 提交方式

1.GET方式

1）数据在浏览器URL后面

2）数据相对不安全

3）由于URL长度有限,所以提交数据的长度也是有限的

4）数据key=value格式

5）第一对参数使用?连接,后面的每一对参数使用&连接

2.POST方式

1. 数据不在URL后面(请求体)
2. 数据相对安全
3. 数据大小不受限制
   1.3表单项标签

1.3.1输入域标签

*重要属性

1）type属性

1、text 文本输入域(默认值)

2、password 密码框

3、radio 单选框

4、checkbox 复选框

5、file 文件选择框

6、button 普通按钮,配合JS使用

7、submit 提交按钮

8、reset 重置按钮

9、hidden 隐藏域
------------ 特点: 普通用户看不见,但是数据会提交到服务器

2）name属性
表单项的数据要提交到服务器,则必须添加该属性

3）value属性
默认值. 单选或复选框必须有默认值,否则提交到服务器的值为on

4）checked属性
单选框或复选框默认选中
*了解属性

1. readonly 只读

2. disabled 不可用的

3. size 大小

4. placeholder 提示信息

5. 下拉框标签
   属性
   name属性
   multiple属性: 多选

   子标签 value属性 selected属性: 下拉框中option默认选中 3.文本域标签 属性 rows 行数 cols 列数 name属性

2、CSS语言

概念: 层叠样式表
作用: 美化页面
#### 2.1引入方式

1、内联样式
格式: <开始标签 style=“css样式”></结束标签>
只能作用域当前标签

2、内部样式
格式:
作用于当前页面

3、外部样式

–定义一个外部的*.css文件

–在HTML页面中使用link标签引入css文件
---------格式:
----------注意事项: rel="stylesheet"必须添加,否则没有任何样式效果
解释: 声明引入的外部文件为样式文件
4、【引入方式】优先级
就近原则,离作用标签越近,效果越明显

2.2选择器

–#id
–.类
–元素
–【选择器】权重: id > 类 > 元素

2.3常见属性

—color 颜色
—font-size 字体大小
—border 边框：复合属性: 线条颜色 线性 线条宽度
—background 背景

2.3.1盒子模型

----margin 外边距
-----padding 内边距
-----box-sizing: border-box：设置盒子的属性，让width和height就是最终盒子的大小