前端开发学习笔记01

前端开发学习笔记01

表单、表格、CSS基础
一、表格

1. 表格里面的属性：
width
height
border
bordercolor

       cellspacing=""   相邻单元格边框间的间距
       cellpadding=""   内容距离边框之间的间距
    
        align="center/left/right"   水平对齐
        valign="top/bottom/middle"   垂直对齐

       合并单元格：
        注：只要跨行的都是合并行、不跨行的都是合并列！
        合并行的属性： rowspan="合并的单元格数量"
        合并列的属性： colspan="合并的单元格数量"
        注：无论合并行、还是合并列 操作的都是td  !!


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

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

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

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

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

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

二、 css语法:

1. css语法：
    选择符{
    	属性：属性值;
    	}
    eg:   div{
    	width:300px;
    	}
    css语法说明：
        1:选择符选择的是html标签
        2:所有的css声明都要放在大括号里面
        3：css声明 包括  属性 和 属性值
        4：css的属性和属性值 使用冒号进行连接
        5：每条声明的后面用分号结尾。
        6：如果一个属性有多个属性值的时候，属性值和属性值之间用空格隔开。
	 注：所有的css代码 都要放在css样式表里面！！
2. css样式表：
css样式表：内部样式表\外部样式表\内联样式表
1:内部样式表：
    <style type="text/css">
        css内部样式表
    </style>

    注：内部样式表，尽量放在head描述区里面。
2：外部样式表
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="内联样式"></标签>
    
4. link  和 @import 区别：
    1：本质区别：
        link 属于html一个标签。
        @import 属于css提供的一个方法。
    2：加载顺序：
        link导入的css  和 html结构 同时加载。
        @import 先加载结构  后加载样式。
    3：兼容性的差别：
        link兼容性更好一些。
    4：js操作DOM样式的差别。
        @import导入的css是无法通过js做动态样式的修改。