|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV+CSS是目前互联网网页制作最热门的方法,但对于完全手写代码,许多网页设计师都望而止步。
WebDeveloper插件的Information工具是一个包含良多有用功效的中央,有些器材关于我们CSS网页结构计划显得十分有效。Information工具供应的功效十分多,我们仅挑一些CSS网页结构计划中经常使用的功效加以先容。该工具菜单以下图:
1、DisplayBlocksSize 显现块元素工具的尺寸。该功效将页面中一切div描边为白色举行地区分别,同时显现出该div地区的尺寸。以下图:
2、DisplayDivorder 显现网页中div在xhtml代码中的按次与编号。用白色的线框举行地区分别,并显现div编号。以下图:
3、DisplayElementInformation 显现元素信息。十分有用的功效之一,点选该命令,会在网页中显现一个浮动的窗口,鼠标挪动到分歧的网页工具上时,会用红线框标识以后工具,而且显现该工具的一些信息:称号、款式、title、target、href等等。该功效会折叠显现一些信息,如定位等。以下图:
4、DisplayID&ClassDetails 显现ID和Class的细节。点选该功效,将对页面中的工具标出其ID和Class的称号。以下图:
5、DisplayLinkDetails 显现链接的信息。此功效将在页面中标注出链接的URL。
6、DisplayStackLevels 显现层级干系。若页面中利用了z-index属性的定位,将显现工具的z-index属性值。
7、DisplayTableInformation 显现表格信息。与下面的一些功效类似,标注显现出表格的具体信息。
别的的信息人人本人试一下就可以分明它的感化,我们这里就不具体的深切了,必要提醒你注重ViewColorInformation检察色采信息,会将页面中使用的色采用方块以一个新的标签页显现出来,关于页面美工的色采计划有十分年夜的感化。
可以用display:inline的方法让两个子div并排,但是这样的话div的宽度设置将会失效(要把子div撑大只能考里面的元素)。 |
|