前端自学之CSS笔记

推荐查阅资料的网站:
                    http://www.baidu.com
                    http://www.w3school.com.cn/
                    http://developer.mozilla.org/zh-CN/
                    
    标题标签：<h1>~<h6>
    段落标签：<p>~</p>
    换行标签：<br />
    文本格式化标签：加粗<strong></strong> <b></b>
                   删除线<del></del> <s></s>
                   倾斜<em></em> <i></i>
                   下划线<ins></ins> <u></u>
    布局标签：<div>独占一行</div>
             <span>一行可以放多个span</span>
    图像标签：<img>
             <img src="图片路径"/>
             标签里可以接的属性:
             alt 替换文本。图像不能正常显示提示的文字
             title 提示文本。鼠标放在图像上显示的文字
             border 设置图像的边框粗细
             width 设置图片的宽度
             height 设置图片的高度
             属性之间用空格分开
             "/"相对路径
             "\"绝对路径
    超链接标签：<a></a>
               <a href="跳转地址" target="目标跳转方式">百度</a>
               target的默认值为_self,意为在当前窗口中打开,_blank为在新窗口中打开
            链接分类：外部连接,以http://开头,例如：<a href="http://www.baidu.com">百度</a>
                     内部链接,如gongsi.html
                     空链接,<a href="#" target="">空链接</a>
                     下载链接:如果href里的地址是一个文件或者压缩包,会下载这个文件
                     锚点链接:点击锚点链接,我们可以快速跳转到页面中的某个位置。如:<a href="#one" target="_blank">锚点链接</a>
                                                                             <p id="one">好嗲的hi阿迪耐克期刊自动控制</p>
    特殊字符:
            空格符：&nbsp;
            大于号:&gt;
            小于号:&lt;
    注释：
        按ctrl加"/""
    表格便签: <table></table> 用来显示,展示数据的
            属性:align 表格相对周围元素的对齐方式
                 border 规定表格单元是否拥有边框,默认为为"",表示没有边框
                 cellpadding 规定单元边沿与单元格内写的内容之间的距离
                 cellspacing 规定单元格之间的空白,默认为2像素
                 width 规定表格的宽度
    表格结构标签:表格头部:<thead></thead>
                表格主体部分:<tbody></tbody>
    合并单元格:在目标单元格中写合并代码
              跨行:最上侧单元格为目标单元格
              跨列:最左侧单元格为目标单元格
              跨行合并:rowspan = "合并单元格的个数" 
              跨列合并:colspan = "合并单元格的个数"
              注意:如果把表单分为<thead></thead>和<tbody></tbody>两个部分,则只能单独在<thead>或者<tbody>里进行
    列表标签:
            无序列表:
                    <ul>
                        <li>列表项</li>
                    </ul>
            注意：<ul></ul>里面只能放<li></li>,但是可以在<li></li>里面放入其他标签和文字
            有序列表:
                    <ol>
                        <li>列表项</li>
                    </ol>
            自定义列表:
                    <dl>
                        <dt>名词1</dt>
                        <dd>解释说明</dd>
                        <dd>解释说明</dd>
                    </dl>
    表单标签:用来收集用户信息,表单由表单域,表单控件,提示信息组成
    <form></form>会把它范围内的元素信息提交给服务器
    <form action="url地址" method="提交方式get/post" name="表单域名称">
        表单内容
    </form>
    action:用于指定接收并处理表单数据的服务器的url地址
    method:用于设置表单的提交方式,值为get或post
    name:用于指定表单的名称，以区分同一个页面中的多个表单域

    表单元素：
    <input>:输入表单元素,是单标签
    <input type="属性值" />
    type属性值:
    text:文本框
    password:密码框
    button:可点击按钮
    radio:单选按钮
    checkbox:复选框
    image:图像形式的提交按钮
    reset:重置按钮,重置按钮会清楚表单中所有的数据
    sumbit:提交按钮,提交按钮会把表单数据发送到服务器
    file:定义输入字段和浏览按钮,供文件上传
    hidden:定义隐藏的输入字段
    name属性:区分各组件,在单选按钮和复选框中name的值是一样的,给后台人员使用
    value属性:规定input的值,在单选按钮和复选框中value的值是不同的,给后台人员使用
    checked属性:规定input元素首次加载时应当被选中,主要是针对单选按钮和复选框,单选按钮只能有一个,复选框可以有多个
    maxlength属性:规定输入字段中的字符的最大长度

    name属性像是“变量名”,value属性像是“变量值”。
    name是区分同一类型的不同组件或者
    value是区分同一组件内部的元素

    <label>标签为input元素定义标注(标签）
    <label for=""></label>
    其中，<label>标签里面的值必须与相关元素的id属性一样

    
    <select>:下拉菜单元素
    例子：
    <select>
        <option>山东</option>
        <option>湖北</option>
        <option selected="selected">火星</option>
    </select>
    select="select"可以设置默认选中状态

    <textarea>:文本域元素
    例子：
    今日小记
    <textarea>
        今天天气晴朗
    </textarea>
    可以输入多行文本，常见与留言板和评论
    cols可以设置每一行多少字
    rows可以设置行数