Question

我是网页设计的新手。我想设置页面宽度，使其在800x600分辨率屏幕中显示良好。我通常使用表格但我在某处读到过度使用表格会降低网站的性能。我还可以使用什么以及如何设置宽度？

Answer 1

使用DIV而不是表格看起来像这样

   <div style="width:800px">
     <!-- your content here -->
   </div>

这会在宽度为800像素的列上生成。请记住，您通常可以将样式定义放在外部* .css文件中。实际上你也会有一些嵌套的DIV，例如您的主菜单和内容，例如

   <div id="wrapper">
     <div id="topMenu">
       <!-- menu items -->
     </div>

     <div id="content">
       <!-- content -->
     </div>
   </div>

在这里，我使用了可以唯一寻址的特定项目的ID。通过CSS为它们分配样式很容易：

#wrapper {
  width:800px;
}

#topMenu {
  width:800px;
  height:200px;
}

迟早你会偶然发现“浮动div”这个词，这是另一个大话题。

Answer 2

是的，表格是1995年......

现在你应该使用DIV和SPAN。

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

另外，w3schools是html初学者的常用资源

但是，为什么这么麻烦，你可以使用以下网站的已经制作的布局： http://www.freelayouts.com/websites/html-templates

设置网页宽度

2 个答案: