简单的表格和表单

**
3.17日和3.18日学习的笔记（以后基本会每天发布当天学习笔记，希望小伙伴们可以指出不足，共同进步）
**
注：后面有练习的代码和效果图

1.表格：
1)cellspacing="" 相邻单元格边框间的间距
cellpadding="" 内容距离边框之间的间距
2)align="" 水平对齐方式
属性值：
left center right
3)valign="" 垂直对齐方式
属性值：
top bottom middle
4)合并单元格：
合并行的属性： rowspan=“合并的单元格数量”
合并列的属性： colspan=“合并的单元格数量”

注：无论合并行、还是合并列 操作的都是td 

2.表单：收集用户信息
1）表单标签：(表单域)

属性：
action=“url(路径)” 表单提交的路径
method=“get/post” 数据的传输方式
name=“表单的名称”
2）表单控件：
标签input
属性：
type="" 指定input生成的类型（输入框、提交按钮、空按钮。。。）
value="" 根据type类型的不同，作用也是不一样的。
maxlength="" 输入字符的最大长度
name="" 当前表单元素的名称
size="" 以字符为单位的，控制表单元素的大小(了解)
3）文本框（输入框）：

4)密码框：

5)提交按钮

6)重置按钮(使当前表单恢复到初始状态)

7)空按钮：

3.css（渲染网页）基础
1） 相比html操作元素的样式更加的便利，功能性更强。
有利于维护。（结构和表现得分离）

2）css语法：
    选择符{属性：属性值;}
    eg:   div{width:300px;}

    css语法说明：
        1:选择符选择的是html标签
        2:所有的css声明都要放在大括号里面
        3：css声明 包括  属性 和 属性值
        4：css的属性和属性值 使用冒号进行连接
        5：每条声明的后面用分号结尾。
        6：如果一个属性有多个属性值的时候，属性值和属性值之间用空格隔开。

4.CSS样式表：内部样式表\外部样式表\内联样式表
1）内部样式表：

3） 内联样式表（行间样式、行内样式）：
<标签 style=“内联样式”></标签>

4） link  和 @import 区别：
    1：本质区别：
        link 属于html一个标签。
        @import 属于css提供的一个方法。
    2：加载顺序：
        link导入的css  和 html结构 同时加载。
        @import 先加载结构  后加载样式。
    3：兼容性的差别：
        link兼容性更好一些。
    4：js操作DOM样式的差别。
        @import导入的css是无法通过js做动态样式的修改。

1.今日练习表格和表单代码：