表单
表单
表单：表单域：包含了处理表单数据所用的程序的URL以及数据提交到服务器的方法。
表单控件：（对象、元素）:包含了文本框、密码框、隐藏、多行文本框（文本域）、复选框、单选框、下拉列表、文件上传框、提交按钮、复位按钮、一般按钮。
提示信息：同一个表中还应该添加一些说明性文字，提示用户填写操作。
表单域
Form：用于定义采集数据的范围，即设定表单的起止位置，并指定处理表单数据程序的url地址，其基本语法结构如下：
<form action=“url” method=“get/post” name=“名” >表单内容</form>
Action:用于设定表单数据文件的URL的地址，这个文件通常是一个后台程序或是一个电子邮件地址。
Method:指定数据传递到服务器的方式。
Name：用于设定表单名称，便于其他地方引用表单的值。
注*1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，在URL中可以看到。post是通过HTTP post机制，用户看不到这个过程 。
3. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。
4. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。
表单控件（常用）
文本框： <input type=“text” />
密码框： <input type=“password”/>
提交按钮： <input type=“submit” value=“按钮上显示的文字” />
重置按钮： <input type=“reset” value=“按钮上显示的文字”/>
跳转按钮： <input type=“button” value=“按钮上显示的文字” />
样式表的创建
CSS的三种样式：
内部样式表
插入到HTML头部head标签中
<style>
CSS语句
</style>
说明：内部样式表必须定义在 <head>和</head>之间；页面所有样式都可以写在<style>和</style>之间。
引用外部样式表
引用外部样式表 前提需要创建一个CSS文件 链接方式：在HTML文件头部
<link rel="stylesheet" href="样式表路径及全称" type="text/css" />
说明：rel="stylesheet"是指这个link和其href之间的关联样式为样式表文件
type="text/css" 是指文件类型是样式表文本
<style>
@import url(样式表路径及全称);
</style>
*link与import导入外部样式的区别
1.link属于XHTML标签，而@import是CSS提供的一种方式。link除了可以加载CSS，还可以定义RSS、rel连接属性等，@import只能加载CSS
2.加载顺序的差别：当一个页面被加载时，link引用的CSS会同时被加载，而@import引用的CSS会在页面被全部下载完再被加载。
3.兼容性的差别：@import只能在IE5以上的浏览器识别（@import是CSS2.1被提出的），link则没有该问题。
4.使用dom控制样式的差别：当使用JavaScript控制dom改变样式时，只能使用link，@import不是dom可控制的
内联样式表（行间样式、行内样式、嵌入式样式）
<标签 style="属性:属性值；属性:属性值；"></标签>
样式表的作用域
内联样式表的优先级最高
内部样式表与引用外部样式表的优先级与其先后顺序有关
内联样式表的作用域是当前标签，内部样式表的作用域是当前文件，外部样式表的作用域是所有关联的文件
CSS的基础语法
CSS是由两部分组成：选择符和声明 其中声明是由属性和属性值组成，具体格式如下
注* 不同的属性之间要用英文分号隔开
基础选择符
类型选择符
标签名称{属性：属性值；}
类型选择符就是网页元素本身，定义时直接使用元素名称。例：p{color：red；}
ID选择符
#id名{属性：属性值；}
在使用ID选择符前，为元素定义一个ID属性。
ID选择符可对元素进行一个ID名的指派，是对每一个页面中的唯一出现的元素进行样式定义
例：html：<div id="top"></div>
CSS：#top{font-size:12px;color:blue;}
class选择符
. 类（class）名{属性：属性值；}
对同类标签进行不同的样式设定；对不同类的标签进行同样的样式设置
例：CSS：.txt{font-size:12px;color:blue; }
html：<div class="txt">111</div>
<div>222</div>
<div class="txt1">333</div>
群组选择符
通配符 " * "
*{属性：属性值；}
其含义就是所有元素
例：*{margin:0; padding:0;}将所有元素的边界值和填充值清零。 margin：0 auto；使元素居中
包含选择符
父元素 子元素......{属性：属性值；}
对某个对象的子对象定义样式
例：div a{font-size:12px; } 可多级包含，标签之间用空格空开
子选择符
父元素 > 子元素{属性：属性值；}
不选择任意的后代元素，而是选中某个元素的子元素
例：h1 > strong{color:red;}
伪类选择符
a:link{属性：属性值;}超链接的初始状态;
a:visited{属性：属性值;}超链接被访问后的状态;
a:hover{属性：属性值;}鼠标划过超链接时的状态;
a:active{属性：属性值;}即鼠标按下时超链接的状态;
拓展
html的注释
<!--注释内容-->
css的注释
/*注释内容*/
