学习下DIV+CSS计划必备东西：Web Developer插件 Miscellaneous东西教程

可以说Div+CSS代表的是网络世界发展的方向。它是网站标准中常用术语之一

• 
  
• 
  

Miscellaneous工具包括了良多成心思的功效，我们只讲三个与CSS网页结构开辟有干系的功效。以下图：

登录/注册后可看大图

1、DisplayLineGuides　帮助线功效，我们在Photoshop或Fireworks等图像处置软件中，供应了分外的帮助线功效，便利图片文件在处置过程当中的对齐等。在WebDeveloper插件所供应的这个功效，到达了一样的效果。我们点选该命令就能够看到帮助线了，以下图：

登录/注册后可看大图

我们发明当鼠标移到帮助线的时分，还会供应一些分外的信息，如以后的相对地位是几，间隔上一条、下一条帮助线的间隔。我们能够经由过程面板中的AddHorizontalLineGuide增添一条程度帮助线；AddVerticalLineGuide能够增添一条垂直帮助线。经由过程Color改动帮助线的色彩。是否是十分便利？快尝尝吧！吼吼。
2、DisplayRuler　标尺或丈量工具。点选这个命令，能够在页面中的任何地位画一个矩形，会有一个TIP提醒相干的信息，坐标、长与宽等。在挪动鼠标的时分，这个TIP也会提醒响应的值，以下图：

登录/注册后可看大图

3、EditHTML　编纂HTML工具。人人必定还记得CSS工具菜单下的EditCSS工具，这个功效与之相似，分歧的是编纂的是xhtml代码。点击这个命令，FF左边翻开一个编纂窗口，将网页源文件xhtml代码安排个中了，我们能够在这个窗口中随便的变动与编纂，而且右边的网页将按修正后的代码及时显现出来。够爽吧，后面的编纂了CSS，这个及时调剂一下XHTML，而且能及时检察效果。以下图：

登录/注册后可看大图

有了这个功效，我们能够真实的完成了在这个情况中举行开辟，并且进修他人的作品时，也能分身xhtml编码的进修。便利有用！


并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。