1.简单理解html就是文本语言，诸多元素定义成一个页面框架，是之能在浏览器上显示
2.css是对html进行外观设置，比直接在html里面设置更加整洁，减少代码冗余方便维护，加载速度快，而且css中的许多伪类可以帮助实现诸多页面效果
3.javascript是脚本语言，可以对dom进行操作，方便页面设置，帮助实现画面动作，验证，表单提交等等操作
width:192pxheight:55px
margin-top:100px
background:url(images/anniu01.gif)
no-repeat
left
bottom
要将上面的改成
width:192px
height:155px
background:url(images/anniu01.gif)
no-repeat
left
50px
2.尽量用padding-top:，少用margin-top
今天总算升级到IE8了，感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox，有以下几个基本的窍门。
1、使用float后必须clear，否则IE8显示错误。
2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0，否则各种浏览器显示有误差。
3、line-height值最好是偶数，奇数显示有误差。
4、input
的text和password两种形式在IE8不定义字体（宋体）下长度高度不一样，可将input定义为font-family:Arial。
5、如果想在标题前后加小图标，最好不要直接用img，用img的话IE6行间距会缩小，应该用<li>加背景的形式。
...今天暂时只发现这几点，更多的以后继续总结。
实在不行再用分开定义的办法：
div
{
margin:0
/*
给全部浏览器看
*/
*margin:10px
/*
给IE6、IE7看
*/
_margin:20px
/*
只给IE6看
*/
}
附：基本CSS样式表
<style
type="text/css">
body
{
margin:0
font-size:9pt
line-height:18px
}
h1,h2,h3,ul,li,dl,dt,dd,p
{
margin:0
padding:0
}
ul
{
list-style:none
}
form
{
margin:0
}
input,textarea,select
{
font-family:Arial
font-size:9pt
}
.clear
{
clear:both
}
</style>
