初学CSS，问个关于DW可视编辑问题！

来源：百度知道 编辑：UC知道 时间：2024/06/18 23:03:56
初学CSS，用的是DW来编写代码，因为处于学习摸索时期，所以采用的纯手写代码做一个网页，但是CSS+DIV在DW中可视编辑和最后的IE测试页面差距很大，可视编辑（设计视图）里面很多层的大小，位置都和最终页面效果差距很远，不知道是什么原因？求高手解惑！！

有很多要注意的细节!在IE中和在其它浏览器中的CSS表现是不一样的!
举个简单的例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
ul{ margin:100px; list-style:none;}
li{ float:left;}
a{ padding:10px 20px; background:#000; color:#fff; text-decoration:none; text-transform:capitalize; display:block;}