CSS与HTML知识点

<meta>标签的作用：META标签是HTML语言HEAD区的一个辅助性标签.它位于HTML文档头部的标记和 标题 <<标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等

META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）

如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。

可选的属性

属性	值	描述
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。
name	author description keywords generator revised others	把 content 属性关联到一个名称。
scheme	some_text	定义用于翻译 content 属性值的格式。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta name="author"
content="jx">

<meta name="revised"
content="jx,6/14/15">
 
<meta name="generator"
content="Dreamweaver 8.0en">

</head>

margin-left与left的区别

margin-left：设置元素的左外边距     left:规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。left,right,top,bottom仅对于设置父容器position:relative|absolute|fixed的元素有意义。left不是相对于body而言，而是相对于离自己最近的父辈容器。

Blog http://blog.csdn.net/tomatozq/article/details/7178144中的测试做的很好，自己试试就容易懂，另参考W3SHOOL中的position属性，

需要结合Position的属性来看，比如该元素的position:absolute时，left等有用，且相对于最近的position不为static的父元素进行定位。若该元素position:fixed,则left等相对浏览器窗口进行定位。