仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 804|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 学习下网页计划必备东西:Web Developer插件 Information东西教程

[复制链接]
再现理想 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:39:01 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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撑大只能考里面的元素)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-2 23:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表