网站布局

简介: 【6月更文挑战第2天】网站布局。

网站布局
大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。

大多数网站可以使用

或者
元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。
lamp虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。
HTML 布局 - 使用
元素
div 元素是用于分组 HTML 元素的块级元素。
下面的例子使用五个 div 元素来创建多列布局:

实例
<!DOCTYPE html>











主要的网页标题




菜单

HTML

CSS

JavaScript



内容在这里



版权 © runoob.com



目录
相关文章
|
2月前
布局
​ 可选值: ​ visible. 默认值 子元素会从父元素中溢出,在父元素外部的位置显示 ​ hidden 溢出的内容将会被裁剪不会显示 (一剪没) ​ scroll 滚 ,生成两个滚动条,通过滚动条来查看完整的内容 ​ auto 根据我们需要生成滚动条 ​ overflow-x:单独处理水平的 ​ overflow-y: 单独处理垂直的
|
8月前
|
Web App开发 设计模式 前端开发
DIV+CSS布局总结
DIV+CSS布局总结
|
9月前
|
Web App开发 前端开发 安全
flex布局轻而易举实现页面布局;超详细解析轻松掌握
flex布局轻而易举实现页面布局;超详细解析轻松掌握
57 0
网页的基本布局
网页的基本布局
56 0
|
编解码 前端开发 Android开发
移动布局基础(流式布局)
移动布局基础(流式布局)
110 0
|
前端开发 容器
移动端页面布局中的流动布局(百分比布局)和弹性布局
移动端页面布局中的流动布局(百分比布局)和弹性布局
移动端页面布局中的流动布局(百分比布局)和弹性布局
ADI
|
移动开发 前端开发 Android开发
[分享] 移动端布局多种实现方式
[分享] 移动端布局多种实现方式
ADI
164 0
|
容器
盒式布局
盒式布局
221 0
盒式布局
|
容器
BorderLayout布局
BorderLayout布局
150 0
BorderLayout布局