表单的作用
页面中负责数据采集功能
表单的组成
表单标签：form标签，负责标识数据提交的地址和方式
表单域：输入填入的部分
表单按钮：提交、重置、普通按钮
表单标签
form标签，负责标识数据提交的地址和方式
<form action='数据提交的地址' method='数据提交的方式,get或者post'>
<!-- 内容 -->
</form>
get和post的区别： 【面试题】
- get是从服务器上获取数据，post是向服务器传送数据。
- get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
- 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
- get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4（Internet Information Service 互联网信息服务）中最大量为80KB，IIS5中为100KB
- get安全性非常低，post安全性较高。但是执行效率却比Post方法好。
【get是追加到地址栏，小快不安全。】
表单域
输入填入的部分
1.文本输入框
<input type='text' name='名字'>
2.密码输入框
<input type='password' name='名字'>
3.单选框
<input type='radio' name='同一组单选的name要一样' value='该选项对应的值'> 选项的内容<!--内容是给用户看到的-->
4.复选框
<input type='checkbox' name='同一组复选的name要一样' value='该选项对应的值'> 选项的内容<!--内容是给用户看到的-->
表单按钮
提交、重置、普通按钮
<button type='submit | reset | button'>按钮上的文字</button>
submit提交数据
reset刷新表单
button普通按钮，配合js使用
CSS
概念
英文全名：cascading style sheets(百度百科) === cascading style sheet 层叠样式表
WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，
简单说就是如何修饰网页信息的显示样式。
目前推荐遵循的是W3C发布的CSS3.0.
用来表现XHTML或者XML等样式文件的计算机语言。
1998年5月21日由w3C正式推出的css2.0
基本语法
选择器{
属性：属性值;
属性：属性值;
}
注意：
1）每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值；
2）属性必须放在花括号中，属性与属性值用冒号连接。
3）每条声明用分号结束。
4）当一个属性有多个属性值的时候，属性值与属性值不分先后顺序,用空格隔开。
5）在书写样式过程中，空格、换行等操作不影响属性显示。
css的三种引入方式
内连式（内链式、行内式）
<元素 style=‘属性：属性值;属性：属性值;’></元素>
内部式
1.在head标签里面添加一个<style></style>标签
2.在style标签里面按照css基本语法写代码
<head>
....
<style>
选择器{
属性：属性值;
}
</style>
</head>
外链式
1.新建一个以.css为后缀的css文件
2.在head标签里面添加一个<link rel="stylesheet" href=''>标签
3.在href属性里面写css文件的路径
<head>
....
<link rel='stylesheet' href='*.css'>
</head>
在css文件中，按照css基本语法写代码即可
推荐使用外链式。
改变文字颜色的属性 color [color:颜色;]
改变文字大小的属性 font-size [font-size:*px;]
改变文字粗细的属性 font-weight [font-weight: 400 | 700]
选择器
是一种匹配模式，用于选择想要做样式的元素。为什么要用选择器？
要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器
选择器的分类
1.选中所有元素 [通配符]
*{ }
2.标签选择器：选中所有指定的标签
标签名{ }
3.类选择器：选中所有有指定类名的标签
.类名{ }
<元素 class=‘类名1 类名2’></元素> 【通过class设置的就是类名】
4.id选择器：选中指定id名的标签
#id名{ }
<元素 id=‘id名’></元素> 【通过id设置的就是id名】
class是多对多，id是一对一。
网页的大盒子使用id命名，盒子里面使用class命名。
选择器的权重
!important （无穷）> 内联样式（1000）> id（100） > class（10） > 标签 （1）> *（0）
计算权重之和，和越大，越优先。如果权重一致，后者覆盖前者（就近原则）
693
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
