DIV教程之DIV+CSS计划必备东西：Web Developer插件 Outline、Resize东西教程

任何语言都有它的优越性，Div作为网页布局的标签，它可以很轻快的达到想要的效果，并且可以节约代码，我希望以后学这个标签的同学，要掌握它的每一个知识点，充分利用这个标签。

• 
  
• 
  

Outline线框工具供应将元素利用线框标识出来的功效。我们能够帮助检察各细部的元件。以下图：

登录/注册后可看大图

我们枚举一此经常使用的功效以下：
1、OutlineFrames　线框显现出框架，假如利用了框架手艺，能够用线条标注出来。
2、OutlineHeadings　标注题目元素，假如页面中利用了h1～h6工具，会用线条标注出来。
3、OutlineTableCells　标注单位格，假如页面是用传统的表格举行结构，常常表格线是不成见的，表格只是结构的必要，基本没有边框线，利用这个命令能够将它们都用线框标识出来。
4、OutlineTables　相似于下面一个命令，区分在于下面的是显现单位格，而这个命令只显现表格。如下面的显现的是tr、td。这个命令只显现table。
5、OutlineBLockLevelElements　标注出工具的嵌套级别。
6、OutlineDeprecatedElements　标注出网页中存在的分歧法的工具。正当与否依据网页的文档工具模子doctype来判别。
7、OutlinePositionedElements　标注出定位工具，能够独自的标注出来四种定位体例：Absolute、Fixed、Float、Relative。
8、OutlineExternalLinks　标注出内部链接，请注重是指链接向站外的链接，内部链接。
9、OutlineLinksWithoutTitleAttributes　标识出一切的显现，而且不显现title属性的值。
10、OutlineCurrentElement　标识鼠标地位确当前工具。
11、OutlineCustomElements自界说标注，点选该命令会翻开工具框，请求设置标注哪些工具，如键进“h1”，并设置响应的色彩。
12、ShowElementNamesWhenOutlining　点选该命令会在标注的同时，显现工具的称号。
Resize尺寸工具　这是一个玲珑而有用的工具，我们能够使用它来改动窗口的巨细，我们在开辟CSS网页结构时，屏幕尺寸也许很年夜，但要分身到小尺寸的访客的需求，我们能够用此工具来预览小尺寸显现的效果。以下图：

登录/注册后可看大图

1、DisplayWindowSize　显现以后窗口的巨细，点选该命令会间接弹出一个对话框显现信息。
2、DisplayWindowSizeInTitle　将窗口的巨细安排于题目栏，这是一个十分便利的功效，我们能够自在的拖动缩放窗口的巨细，在题目栏当即就可以晓得以后的窗口是多年夜。以下图：

登录/注册后可看大图

3、ResizeWindow　能够键进数值修正窗口的巨细。
4、800*600　在网页计划制造中，最必要存眷的就是800*600巨细的窗口中显现的情形，WebDeveloper插件预设了这个尺寸。间接点选便可。

至此，我们的教程基础停止了。信任你对WebDeveloper插件壮大的功效已有充足的懂得，最少在CSS网页结构开辟中，应当怎样发扬它的功效你已十分分明了。但还必要提示你注重，我们所开辟的网站，并不是全体在FF扫瞄器中运转，我们必要思索更多的兼容要素，以后的收集扫瞄器仍是以IE为支流。我们必要分明，我们要借助于的是WebDeveloper插件壮大的功效，但它并非全能的，我们的开辟还必要进进IE中举行调试与预览。我们能够用它来匡助我们开辟与找出成绩，匡助我们进修别人的乐成作品。十分接待人人到临我的小站www.52css.com这里有一些教程也许能够助你落井下石，我们也供应了一些CSS模板人人能够下载进修，我们也列出一些CSS优异站点，人人能够多看大家的作品！祝福人人尽快的把握CSS手艺，为WEB尺度在中国的提高作出本人的奉献！


然后你要知道，DIV+CSS是高成本开发，速度当然是没有你画TABLE来的快，但是好处更多，相信如果你能看到这里，你一定对DIV+CSS的好处也有一定的了解了。