前端 day3

1. 表格(显示数据)

      （1）表格的HTML属性:

               width               宽

                border              边框

               bordercolor          边框颜色

               cellspacing =””       相邻单元格边框间的间距

               cellpadding=””       内容距离边框的间距

               align=””             水平对齐方式

                               属性值：  left  right   center

               valign=””           垂直对齐方式

                                 属性值：  top  bottom   middle

 

       (2) 合并单元格：

            注：只要跨行都是合并行，跨列都是合并列（不跨行都

                   是合并列）

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

                 合并列的属性： colspan=”合并到单元格数量”

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

2. 表单标签（表单域）<form ></form>

    表单作用：收集用户信息

   （1）表单标签：（表单域）

       <form></form> 属性：

        action=”url（路径）”   表单提交的路径

        method=”get/post”     数据的传输方式

        name=”表单的名称”

   （2）表单控件：

       Input（标签） （输入框）

       属性：

       type=””        指定input生成的类型（输入框、提交按钮、空按钮）

       value=””      根据type类型的不同，作用也是不一样的

        maxlength=””    输入字符的最大长度

       name=””        当前表单元素的名称

       size=””         以字符为单位的，控制表单元素的大小（了解）

（3）文本框（输入框）

       <input type=”text”>

（4）密码框

       <input type=”password”>

（5）提交按钮

       <input type=”submit”>

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

        <input type=””>

   (7)空按钮（可以用它绑定一些事件）

      <input type=”button”>

3. CSS（层叠样式表）

    1.（1）作用：渲染网页的

       （2）最新的版本： css3.0（在之前的基础上增加了一些内容）

       （3）使用css的原因：

                 相比HTML操作元素的样式更加的便利，功能性更强；

                 有利于维护（结构和表现得更分离）。

     2.css语法

         (1) 选择符{属性:属性;}

             eg:    div{width:300px;}

         (2) css语法说明：

                   1：选择符选择的是html标签

                    2：所有的css声明都要放在大括号里面

                    3：css声明包括属性和属性值

                    4：css属性和属性值用冒号链接

                    5：每条声明的后面用分号结尾

                    6：如果一个属性有多个属性值的时候，属性和属性值之间用空格隔开

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

4. css样式表

    1.内部样式表

        <style  type=””>

            css语句

        </style>

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

    2.外部样式表

       *创建一个后缀名为.css的文件。

       *外部样式表的导入：

        第一种：

                <link  rel=”stylesheet”  href=”css样式表的url”>

                  href=””          连接路径

                  rel=”stylesheet”   建立关联性

        第二种：

                   <style>

                         @inport  url(””);     

                    </style>