千锋day3

知识点
一、表格的作用
显示数据！

每一个表格都是一个table
行   tr
列   td

二、表格的html属性
width 宽
height 高
border 边框
bordercolor 边框颜色

    cellspacing=""   相邻单元格边框间的间距
    cellpadding=""   内容距离边框之间的间距

    align=""   水平对齐方式
        属性值：
            left   center   right

    valign=""  垂直对齐方式
        属性值：
            top   bottom   middle

三、合并单元格
只要跨行的都是合并行、不跨行的都是合并列！

        合并行的属性： rowspan="合并的单元格数量"
        合并列的属性： colspan="合并的单元格数量"

        注：无论合并行、还是合并列 操作的都是td  !!
        
        有合并行又有合并列
        注：先合并列、再合并行！

四、表单
作用：收集用户信息

表单标签：(表单域)
    <form></form>
        属性：
            action="url(路径)"     表单提交的路径
            method="get/post"      数据的传输方式
            name="表单的名称"

五、表单控件
标签input
属性：
type="" 指定input生成的类型（输入框、提交按钮、空按钮。。。）
value="" 根据type类型的不同，作用也是不一样的。
maxlength="" 输入字符的最大长度
name="" 当前表单元素的名称
size="" 以字符为单位的，控制表单元素的大小(了解)

 文本框（输入框）：
   <input type="text">

密码框：
    <input type="password">

提交按钮
    <input type="submit">

重置按钮(使当前表单恢复到初始状态)
    <input type="reset">

空按钮：      <input type="button">

六、css
css:
作用：渲染网页的

css:  层叠样式表
    最新的版本 ： css3.0（在之前的基础上增加了一些内容）

为什么要用css？
    相比html操作元素的样式更加的便利，功能性更强。
    有利于维护。（结构和表现得离）

七、css语法
选择符{属性：属性值;}

    eg:   div{width:300px;}


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

注：所有的css代码 都要放在css样式表里面！！

八、css样式表
css样式表：内部样式表\外部样式表\内联样式表

1:内部样式表：
    <style type="text/css">
        css内部样式表
    </style>

    注：内部样式表，尽量放在head描述区里面。


2：外部样式表
    创建一个后缀名为.css的文件。

    外部样式表的导入：

        第一种方法：
            <link rel="stylesheet" href="css样式表的url">
                href=""             连接路径
                rel="stylesheet"    建立关联性！

        第二种方法：
            <style>
                @import url("");
            </style>

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

九、link 和 @import 区别

1：本质区别：
link 属于html一个标签。
@import 属于css提供的一个方法。

2：加载顺序：
link导入的css 和 html结构 同时加载。
@import 先加载结构 后加载样式。

3：兼容性的差别：
link兼容性更好一些。

4：js操作DOM样式的差别。
@import导入的css是无法通过js做动态样式的修改。