使用CSS布局的网页

原创 2004年07月23日 13:17:00

通常网页的布局有这么几种:
单行单列
单行双列
单行三列
顶行三列

老式的网页采用table来布局整个网页,而标准化的web提倡避免table的布局,使用css来定义呈现信息,对于上述几种网页布局如何使用css来实现呢?Owen Briggs提供了下面这个Boxs网页用16个例子来解决纯css布局问题。

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

草地那端有这几种布局的中文翻译和详细介绍:http://www.qilog.com/csslayout.html

使用CSS进行网页布局的十八个技巧

1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和i...
  • okfei
  • okfei
  • 2009年02月28日 23:14
  • 230

CSS之使用float及position属性实现页面轻松布局

在css的学习过程中,相信有不少盆友会有跟我一样的疑问:就是在使用float属性来进行页面布局时div层会出现消失的情况,接下来我将会在此博文中简单分享一下我对float的理解使用,并使用positi...
  • qiuruolin
  • qiuruolin
  • 2017年04月24日 23:55
  • 242

CSS页面布局及排版

一、CSS盒子模型 CSS将每个元素看成是一个矩形盒子,占据一定空间。 盒子模型两方面理解:1.独立的盒子内部结构;2.多个盒子之间的香菇关系。 1.盒子模型概念 独立盒子模型由:内容...
  • Ranchonono
  • Ranchonono
  • 2017年03月29日 22:15
  • 311

前端基础学习-常见CSS网页布局

常见的网页布局大致分为:一列布局,两列布局,三列布局以及混合布局一列布局 Document .header{ height: 8...
  • dingshuhong_
  • dingshuhong_
  • 2016年03月10日 11:12
  • 1053

阿里前端笔试题看 CSS布局与定位---实现2列自适应布局的几种方法

前端工程师三把斧,HTML,CSS,JavaScript 。其中css看似简单,其实真的要布局起来,仍然需要技巧。BAT中百度和阿里还是比较看重css布局能力,这次就以阿里巴巴2016年前端工程师笔试...
  • Cinderella_hou
  • Cinderella_hou
  • 2016年08月08日 20:22
  • 1629

CSS实现网页布局(一列,两列,三列)

1.一列布局(又叫单列布局) body{margin:0;padding:0;} .head{heigth:200px;background:blue;} .main{heig...
  • Bazingaea
  • Bazingaea
  • 2016年03月13日 21:35
  • 3136

css3布局的若干笔记总结

自己在写一些样式的时候,遇到的一些问题,顺手就记下了,多总结。1. css 图片间隙问题:解决方案:法宝一:定义图片img标签vertical-align:bottom,vertical-align:...
  • i10630226
  • i10630226
  • 2017年05月13日 19:05
  • 557

【Web】css盒子模型创建网页布局

盒子模型。
  • guguant
  • guguant
  • 2017年01月16日 16:52
  • 1376

DIV+CSS实现旅游网站首页

html> html lang="en"> head> meta charset="UTF-8"> title>旅游网站首页title> head> body> div> im...
  • pangqiandou
  • pangqiandou
  • 2017年10月24日 12:36
  • 476

html+css——网页布局

1、一列布局 meta charset="UTF-8"> title>Titletitle> style type="text/css"> body{ ...
  • lengyuefengqing
  • lengyuefengqing
  • 2016年06月28日 10:14
  • 194
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用CSS布局的网页
举报原因:
原因补充:

(最多只允许输入30个字)