学习笔记

1、fieldset 元素可将表单内的相关元素分组。

    <fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

    当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

    <fieldset> 标签没有必需的或唯一的属性。

    <legend> 标签为 fieldset 元素定义标题。

2、块级元素特性
　　总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;
　　宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
　　内联元素(inline)特性：
　　和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字　　　　　　    或图片的大小;
　　块级元素主要有：
 address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
内联元素主要有：
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,
 textarea , tt , u , var

3、 href是引用和页面关联，是在当前元素和引用资源之间建立联系，
　　src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。

4、placeholder的浏览器兼容性和在不同浏览器下的表现

　　由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。
如果直接写input{color:red;}，可以看到，ie10和ff下，placeholder文字和输入文字都变成了红色，而在chrome和safari下，placeholder文字颜色不变，只有输入的文字变成红色。