Question

您好我已经在html和css中创建了一个基本布局 1）你能告诉我是否可以改进css或html吗？ 2）我希望该网站能够以1024x768及以上的速度运行 3）如何移除水平滚动条 4）em单元的简单含义是什么？

感谢：

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <link <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
    <div id="center">
    <div id="header">Title</div>
    <div id="nav">
    </div>
    <div id="warp">
        <div id="slider">#slider</div>
        <div id="posts">#posts</div>
        <div id="sidebar">#sidebar</div>
    </div>
    <div id="footer">#footer</div>
    </div>
</body>
</html>

的CSS：

body{
    margin:0;padding:0;
    background-color:#ededed;
}
#header{
    height:150px;
    width:100%;
    background-color:#666;
    /*Text*/
    font-size:24px;
    background: #2989d8;
}
#center{
    margin:0 auto;
}

#warp{
    margin-bottom:10px;
    width:70em;
    background-color:#444;/*#e3e3e3;*/
    margin: -35px auto;
    overflow: hidden;
    margin-bottom:0px;
}
#slider{
    margin: 2em auto;
    width:65em;
    height:20em;
    background-color:#555;
}
#posts{
    float:left;
    width: 50em;
    height:50em;
    background-color:#111;
}
#sidebar{
    float:left;
    height:50em;
    width:20em;
    background-color:#777;
}
#footer{
    clear:both;
    height: 60px;
    width: 40em;
    margin:1em;
    background-color: #666;
    /*Text*/
    font-size:24px;
}

Answer 1

我很遗憾不认为这对其他人来说可以被认为是一个有用的问题，我很确定你使用的模板你不知道如何解决。以下是（快速）问题的（快速）答案：

1）除了头部缺少的元素外，css和html看起来很好。您还应该为#center提供一个宽度，以确保它适用于所有浏览器。

2）正如Jawad所说，@ media。您可以在本网站或其他网站上找到大量信息。检查this。

3）不确定，没有实例或http://jsfiddle.net/很难看到。可能是溢出/宽度。

4）em =排版领域的测量单位，等于当前指定的点大小。谷歌。

但如果您是css的新手，我建议您访问这些问题/答案或寻找其他问题，以便您可以创建外观漂亮且功能良好的网站。

https://stackoverflow.com/questions/500827/what-css-tips-should-every-beginning-developer-know-about

https://stackoverflow.com/questions/132587/the-best-css-tutorial-site-blog-book

一些网页设计问题

1 个答案: