Chrome偶尔会以不同的方式呈现我的HTML/CSS_Html_Css

Chrome偶尔会以不同的方式呈现我的HTML/CSS

html css

Chrome偶尔会以不同的方式呈现我的HTML/CSS,html,css,Html,Css,我刚开始学习HTML/CSS，正在尝试从头开始创建一个个人网站（没有CSS工具）当我昨晚在Firefox和IE上测试我的网站时，它看起来很好，很干净当我在Chrome上测试我的网站时，我的链接被移动了：有人知道这里发生了什么吗？这是我的标记： <!DOCTYPE html> <html> <head> <title>Home | Some Website!</title> <st

我刚开始学习HTML/CSS，正在尝试从头开始创建一个个人网站（没有CSS工具）

当我昨晚在Firefox和IE上测试我的网站时，它看起来很好，很干净

当我在Chrome上测试我的网站时，我的链接被移动了：

有人知道这里发生了什么吗？这是我的标记：

<!DOCTYPE html>
<html>
    <head>
        <title>Home | Some Website!</title>
        <style>
            * {
                padding: 0;
                margin: 0;
            }

            body {
                width: 960px;
                font-size: small;
                font-family: Verdana, Helvetica, Arial, sans-serif;
                line-height: 1.6em;
                background-color: #FFFFF0;
                margin: 0 auto;
            }

            #header {
                border-style: solid;
            }
            #header img {
                margin: 4px 0px 0px 4px;
            }

            #header ul {
                list-style-type: none;
                display: inline;
                margin: 25px 30px 0px 0px;
                float: right;
                font-size: x-large;
            }

            #header ul li {
                display: inline;
                margin: 0 30px;
            }

            #header li a:link {
                color: #FF00FF;
                text-decoration: none;
            }

            #header li a:hover {
                text-decoration: underline;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <img src="http://i.imgur.com/YbAx7y1.png" alt="Temp Logo!">
            <ul>
                <li><a href="about.html">About Me</a></li>
                <li><a href="resume.html">R&eacute;sum&eacute;</a></li>
                <li><a href="projects.html">Projects</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
    </body>
</html>


首页|一些网站！
* {
填充：0；
保证金：0；
}
身体{
宽度：960px；
字体大小：小；
字体系列：Verdana、Helvetica、Arial、无衬线字体；
线高：1.6em；
背景色：#fffff 0；
保证金：0自动；
}
#标题{
边框样式：实心；
}
#收割台img{
保证金：4px 0px 0px 4px；
}
#标题ul{
列表样式类型：无；
显示：内联；
利润率：25px 30px 0px 0px；
浮动：对；
字号：x大号；
}
#标题ulli{
显示：内联；
利润率：0.30px；
}
#标题：链接{
颜色：#FF00FF；
文字装饰：无；
}
#标题：悬停{
文字装饰：下划线；
}

更改

#标题ul

css定义从

显示：内联至显示：内联块
每个浏览器对事物的解释都不同。您应该比正文{font size:small}
更具体。我建议使用px值，除非您真的想让浏览器决定它。
我也没问题！它看起来就像Firefox图像中的一样。我也没有问题。我在实际的chrome中作为一个文件运行，但显示不正确。你应该尝试使用，以确保所有CSS修改都会在任何浏览器上产生相同的结果。chrome v.28Oh对我来说很好。好主意！谢谢你的提示，我还是个新手：）