H5初学者 每日学习笔记分享

第一节：回顾

1、常用的标签：
            h1-h6
            em
            i
            b
            strong 
            ......     
 2、html的三个列表：
            ul  ol  dl
 3、超链接
 4、图片
 5、相对路径！
 6、表格的实现

第二节：表格

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

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

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

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

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

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

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

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

 3、表格内部： 
       有合并行又有合并列
       注：先合并列、再合并行！

第三节：表单的基础

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

     一、表单标签：(表单域)
      <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基础

 1、css作用：渲染网页的

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

 3、为什么要用css？
        相比html操作元素的样式更加的便利，功能性更强。
        有利于维护。（结构和表现得分离）
        例如：小明穿一件红色得裤子。
        小明选择符{裤子:红色;}

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

  5、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 区别：

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

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

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

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