Html div之间还有一个空白_Html_Css

Html div之间还有一个空白

html css

Html div之间还有一个空白,html,css,Html,Css,很抱歉问了很多我之前问过的同样的问题。。。我读过很多这样的书，他们都说改变 margin: 0; 两个div（div class=“heady”和div class=“menus”）之间有一个间隙，我似乎无法消除空白，希望它足够清晰，如果没有，请告诉我谢谢你，詹姆斯 html 这里是一个链接到一个这里的内容可以愚弄人，但其中1个或全部3个应该可以驯服浏览器间的野兽谷歌的“css重置”功能也同样适用于ceratin元素的默认样式。在这种情况下，ul获得了一些余量。请注意，此边距分隔分区，即

很抱歉问了很多我之前问过的同样的问题。。。我读过很多这样的书，他们都说改变

margin: 0;

两个div（div class=“heady”和div class=“menus”）之间有一个间隙，我似乎无法消除空白，希望它足够清晰，如果没有，请告诉我

谢谢你，詹姆斯

html

这里是一个链接到一个

这里的内容可以愚弄人，但其中1个或全部3个应该可以驯服浏览器间的野兽

谷歌的“css重置”功能也同样适用于ceratin元素的默认样式。在这种情况下，

ul

获得了一些余量。请注意，此边距分隔分区，即使分区本身没有边距

使用

或者包含一个

您是否正在使用Firefox的Firebug插件？即使您还没有使用firefox，也应该将其与firebug插件一起下载。使用Firebug，您可以查看源代码中的一个元素，并查看正在应用的样式、布局（宽度/高度、填充、边距），甚至可以操纵样式以查看CSS中的更改会起到什么作用

我强烈推荐它

此jsfiddle中没有空格：此处没有空格：@lucuma，MichaelRobinson:您需要关闭“规范化CSS”checkbox@Pumbaa80谢谢，我以前从没注意到。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>website</title>
        <link rel="shortcut icon" href="favicon.ico"/>
    </head>
    <link rel="stylesheet" type="text/css" href="CSS/style1.css" />
    <body>
    <div class="heady">

    <br></br>
    <h1><a class="header" href="index.html">website</a></h1>
    </div>

    <div class="menus">

    <ul>
        <il><a class="list" href="x.html">About</a></il>
        <t> | </>
        <il><a class="list" href="y.html">Beginners</a></il>
        <t> | </>
        <il><a class="list" href="z.html">Advanced</a></il>
        <t> | </>
        <il><a class="list" href="contact.html">Contact</a></il>

    </ul>
    </div>

    </body>
</html>

/*general rules*/

html,body {
    font-size:11pt;
    font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
    color: black;

    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    background-color: white;
    padding-top: 0px;
    margin-top: 0px;

}

h1 {  
    font-size: 25pt;
    margin-left:10px;
    margin-bottom:0;
    padding-bottom: 0;
}

a:link, a:visited {
    color: white;
}
a:hover, a:active {
    color: grey;
} 



/*header section rules*/
div.heady {
            height: 200px;
            width: 760px;
            padding: 0;
            background-color: grey;
            background-repeat:no-repeat;
             margin: 0;
 }

a.header {
    text-decoration: none;
 }
 a.header:link, a.header:visited, a.header:active,a.header:hover  {
    color: red;
    margin:0;

 } 

 div.menus {
 padding: 0;
 margin:0;
 background-color:black;
 width: 760px;
 text-align: center;
 font-size:12pt;

 }

 a.list {
 margin:0;
 }

  .heady { display:block; }
  .heady { margin:0; padding:0; }
  .heady { line-height:100%; /* or even 0 (if no text present) */ }

ul { margin: 0; }