189 8069 5689
_top就是top，是为了兼容IE6.0浏览器的一种 CSS hack 技术
成都创新互联是网站建设专家,致力于互联网品牌建设与网络营销，专业领域包括成都网站建设、成都网站制作、电商网站制作开发、成都小程序开发、微信营销、系统平台开发，与其他网站设计及系统开发公司不同，我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供全方位的互联网品牌整合方案！
background-color:#f1ee18;/*所有识别*/
.background-color:#00deff\9; /*IE6、7、8识别*/
+background-color:#a200ff;/*IE6、7识别*/
_background-color:#1e0bd1;/*IE6识别*/
H5edu教育html5开发为您解答：
在HTML中常用以下3种方式定义CSS：Embedding（嵌入式）、Linking（引用式）、Inline（内联式）
一、嵌入式：使用HTML的style元素，在文档中定义CSS样式
head
style type="text/css"
h1{color:red}
p{color:blue}
/style
head
二、内联式 ：每一个HTML元素都包含一个style属性，可以直接定义样式。该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。
p style="color:#FFF;font-weight:bold;"内联样式/p
三、外部引用式：外部引用指HTML文档本身不含有CSS样式，而是动态引用外部的CSS文件定义文档的表现形式。
1、使用样式表的处理指令语句-在HTML文档的开头部分写一个关于样式表的指令处理语句
?xml-stylesheet type="text/css" href="mystyle.css" ?
html
指令语句
/html
不过只有使用xml语法格式编写的html文档才支持使用该指令，大多数浏览器仅当被保存为xhtml或xml格式才有效，且JS不能处理这种CSS，所以不建议使用。
2、使用@import命令 -在style元素之间使用@import命令导入外部的css文件
head
style type="text/css"
!--下面两行代码效果一样
@import "mystyle.css";
@import url("mystyle.css");
--
/style
/head
任何@import规则必须出现在所有规则之前。参数是一个css文件的URL地址。在一个css文件中也可以用@import指令将另一个css文件导入。
3、使用link元素
head
link rel="stylesheet" href="css的url" type="text/css"
/head
这也是最常用的方式。
4、使用HTTP消息报头链接到样式表 -可以使用HTTP消息报头的link字段链接一个外部样式表。 link:mystyle.css;rel=stylesheet;
//等同于link rel="stylesheet" href="css的url" type="text/css"
HTTP报头中可以使用多个link，从而链接多个样式表，且HTTP报头中的link比HTML文档中的link（head元素中）具有优先级。
当css样式为绝对定位（即position:absolute; ）时，left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。
我们都知道不同的浏览器有些规则是不同的，所以css样式为了使页面在不同浏览器下显示效果一致，就出现了hack 例如，下划线“_”只有ie6可以识别，ie7 、火狐等浏览器是不识别的，也就是说
top:0px; /*ie7,firefox执行这句 */
_top:6px;/*ie6执行这句*/
而且这个顺序不能颠倒哦
还有类似的hack写法
top:0px !important; /*火狐，ie7能识别*/
top:6px;/*ie6识别这句*/
看出来了么，css中hack写法浏览器也是有优先级别的，一般来说是ie7火狐ie6.谨记定义同样属性，顺序别颠倒了
一、功能不同
1、margin-top：功能为设置元素的上外边距。
2、top：规定元素的顶部边缘。
二、特点不同
1、margin-top：允许使用负值。定义固定的上外边距。默认值是 0。
2、top：定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。
三、规定不同
1、margin-top：所有主流浏览器都支持 margin-top 属性。
2、top：如果 "position" 属性的值为 "static"，那么设置 "top" 属性不会产生任何效果。
参考资料来源：百度百科-CSS top
参考资料来源：百度百科-CSS margin-top
html
head
style type="text/css"
a.top:link {font-family: 宋体} /*链接字体*/
a.top:link {font-weight: normal;} /*设置链接文字中的字符粗细*/
a.top:link {font-size: 12} /*设置链接文字的大小*/
a.top:link {text-decoration: none;} /*设置链接文字没有下划线*/
a.top:hover {text-decoration: underline;} /*鼠标放在链接上时有下划线*/
a.top:link {color: #000000} /*设置链接文字的颜色*/
a.top:visited {color: #000000} /*访问过的链接*/
a.top:hover {color: #B50000} /*鼠标放在链接上字体的颜色*/
a.tj:link {font-family: 宋体}
a.tj:link {font-weight: normal;}
a.tj:link {font-size: 12}
a.tj:link {text-decoration: none;}
a.tj:hover {text-decoration: none;}
a.tj:link {color: #000000}
a.tj:visited {color: #0000ff}
a.tj:hover {background: #FFFFCC}
h1 {font-size:12px}
h1 {font-family: "宋体"}
h1 {font-weight: normal;}
h1 {color: #000000}
h2 {font-size:14px}
h2 {font-family: "宋体"}
h2 {font-weight: normal;}
h2 {color: #000000}
h3 {font-size:24px}
h3 {font-weight: 1;}
h3 {color: #000000}
body {
margin-top: 1px; /*上边距*/
margin-bottom: 1px; /*下边距*/
}
/style
meta http-equiv="Content-Type" content="text/html; charset=gb2312"/head
body
pMouse over the links to see them change layout./p
pba href="default.asp" target="_blank" class="top"电脑对怀孕其实没啥影响/a/b/p
pba href="default.asp" target="_blank" class="tj"电脑对怀孕其实没啥影响/a/b/p
h1电脑对怀孕其实没啥影响/h1
h2电脑对怀孕其实没啥影响/h2
h3电脑对怀孕其实没啥影响/h3
/body
/html
选择器不同而已。
1. div .top div ：div标签下--类名为top的元素下--所有的div
例如：
div
div class="top"
div对这里起作用/div
div对这里起作用/div
div对这里起作用/div
/div
div
2. div .top ：div标签下--类名为top的元素
例如：
div
div class="top"
对这里起作用
div/div
div/div
div/div
/div
div
3. .top ：对所有类名为top的元素
例如：
div
div class="top"
对这里起作用
div/div
span class="top"对这里起作用span
/div
div