css - 关于网站 CSS 布局编码的问题

标签 css

好吧,我对这里的网页设计标准有点陌生。 :P

这是使用 CSS 设计网站的正确方法吗?

每个“Box”都有自己的 DIV 标签和自己的设置。我猜测层次结构内部的盒子的背景图像:优先于外部盒子,对吗?

具有网站背景图像的“框”。

另一个较小的“盒子”,充当网站的内容容器。

以及其他较小的“盒子”,充当内容“盒子”内特定事物的容器。

这是一张关于我的意思的小图片:

alt text

最佳答案

好的,有一些简单的要点需要为您澄清......

“整个站点框”可能是页面的主体元素。您可以为其添加整个包装 div,但在第一个实例中它不会获得太多好处。

使用“内容框”是可以的,但我会谨慎使用它,除非您想专门将您的网站限制为固定宽度布局。

其他框可以直接添加到您的 body 元素中,并单独定位/设置样式。你可能最终会得到这样的结果......

<html> <*-- include your doctype and stuff, obviously -->
  <head>
    <title>My site</title>
    <link rel="stylesheet" type="text/css" href="sytle.css" />
  </head>
  <body>
    <div id="header">Your site header content here</div>
    <div id="mainNav">navigationhere</div>
    <div id="content">main content here</div>
    <div id="footer">footer stuff here</div>
  </body>
</html>

周围有大量用于定位等的资源。我发现最好的学习方法(尽管这些天我对此很生疏)就是看示例,拆开他们正在做的事情,然后自己尝试一下。尝试查看http://meyerweb.com/eric/css/http://www.csszengarden.com/寻找可能性的起点。

HTH,但我确信具有最新 html 技能的人很快就会加入。

关于css - 关于网站 CSS 布局编码的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1378528/

相关文章:

css - html: div 搞砸了

javascript - 尝试使用 Angular 交换 ng-click 和 ng-class 上的类时图像消失

CSS等高div

CSS 选择器是 JavaFX setStyle() 方法

html - 为什么 IE 不会在这种情况下抛出混合内容安全警告?

html - 如何在该空白处的第一行再放置一张图像?

javascript - 更改浏览器大小的 Href + jQuery

css - Django 基本模板 block 内容未正确呈现

javascript - JQUERY 添加图像属性

css - 将不同大小的图像整齐地排列成网格