css - 设计网页组件布局的常用方法

标签 css web html page-layout

第一次从头开始设计网页布局,想知道设置网页及其所有组件的最佳做法是什么。 该页面将有水平标题,其中有一个导航栏,下方有三列。 到目前为止,这就是我想出的:

  • 修复了带有水平对齐导航链接的标题部分的像素高度
  • 固定网络组件的高度和宽度(以像素为单位)
  • 组件位于设置了最小宽度的三列(div 元素)中

我是否遗漏了什么或者这是一个很好的方法?

PS 我完全了解 Bootstrap 等,但不能在这个元素中使用任何框架,只能使用纯 html/css

最佳答案

如果您了解基本的 HTML 和 CSS(可能还有 javaScript),我会立即去阅读 twitter-bootstrap http://getbootstrap.com/

如果您不能使用框架,那么 https://html5boilerplate.com/将是开始让自己获得公平竞争环境和良好结构的好地方 :) 我认为这可能是您元素的完美开始。

关于css - 设计网页组件布局的常用方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42622162/

相关文章:

r - 为什么我无法安装 XML 包

Javascript Image Slider - 需要添加按钮

javascript - 下载 javascript 会阻止浏览器下载其他资源吗?

c# - 是否有用 C# 编写的开源 HTML 渲染器?

javascript - 在 HTML 中单击滚动条的箭头时滚动的像素数

html - 为什么在包含 <!DOCTYPE html> 时 html 布局会发生变化?

javascript - 使用位置 : relative; 在图片区域内包含文本

javascript - 无序列表显示不正确,使用了 MooTools 和 UvumiTools 下拉插件

javascript - 允许用户在标签之间添加新标签

html - AngularJs UI-Grid celltemplate 调用函数将 HTML 作为文本返回