DIV+CSS标准化网页布局_第1页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、div+css标准化网页布局用法div+css对网站举行布局符合w3c标准,采纳这种方式布局通常是为了解释与html表格定位方式的区分。由于现在的网站设计标准中,已经不再用法表格定位技术,而是采纳div+css的方式实现各种定位。通过用法div盒子模型结构将各部分内容划分到不同的区块,然后用css来定义盒子模型的位置、大小、边框、内外边距、罗列方式等。容易地说,div用于搭建网站结构(框架)、css用于创建网站表现(样式/美化)。该标准简化了html页面代码,获得一个较优秀的网站结构,有利于日后网站维护、协同工作和便于搜寻引擎抓取。固然并不是全部的网页都需要用div布局,例如数据页面、报表之类

2、的页面,还是用法html的表格会比较便利,web标准里并没有说要抛弃table。firebug 为你的 firefox 集成了扫瞄网页的同时顺手可得的丰盛开发工具。你可以对任何网页的 css、html 和 javascript 举行实时编辑、调试和监控就算在不同的扫瞄器中效果不彻低全都,也要做到也许一至每个html元素都可以看作一个装了东西的盒子,盒子具有宽度(width)和高度(height),盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin)。布局中的主要样式定位属性区块属性(区块模型)虽然用法

3、肯定定位可以实现页面布局,但因为调节某个区块框时其它区块的位置并不会尾随着转变,所以并不是布局的首选方式。而用法浮动的区块框可以向左或向右移动,直到它的外边缘遇到包含它区块的边框或另一个浮动框的边框为止。并且因为浮动框不在文档的一般流中,所以文档的一般流中的区块框表现得就像浮动框不存在一样。设置浮动在举行页面布局时,常常需要设置多个区块框并列在一行中罗列。最频繁的方式就是用法float属性,再通过left或right值移动区块框向左或向右浮动。但当前面并列的多个区块框总宽度不足包含框的100%时,就会在行框中留出一定的宽度,而下面的某个区块框又恰好满足这个宽度,则很可能会向上提,和上一行并列的区块框在同一行罗列。而这不并是我们想要的结果,所以可以用法clear属性解决这一问题,该属性的值可以是 left、right、both 或 none,它表示框的哪些边不应当挨着浮动框。高度

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论