你好,欢迎访问远方教程PC版!
广告位招租

Div+CSS速成第十天:div+css网页标准布局实例三(第5页)

[日期:2015-04-19]   来源:远方教程  作者:远方教程   阅读:10721次[字体: ] 访问[旧版]
 捐赠远方教程 


五、页面调试及浏览器兼容
在和程序员配合完成网站的过程中或网站上线后,常常会出现一些小问题,比如页面撑开,显示错乱等,这时候就需要查找问题出在哪里了。查找这些问题,希望大家装上火狐浏览器(因为它是相对标准的浏览器,这样显得你更专业一些,嘿嘿,最主要是有调试用的插件),装上之后还需要装两个插件:web developer,firebug

 

DIV CSS教程——第十天_div css网页标准布局实例
DIV CSS教程——第十天_div css网页标准布局实例

插件的下载请点击上图中的获取附加组件,然后输入关键字搜索到后下载安装即可。
web developer作用很强大,如下图所示可以查看当前页面所用到的图片,包括css中的背景图

DIV CSS教程——第十天_div css网页标准布局实例

firebug这是个更好的一个插件,使用时点击浏览器右下角的萤火虫图标或者按F12,会启用这个插件,如需查看某一部分代码,点击插件上的查看页面元素按钮后,鼠标移到网页上,会出现一个相应的框,当框选中需要查看源代码的元素后点击,在插件区域就显示出当前区域的代码及样式了,可以禁用某些样式,还可以添加新的样式来查找问题所在。

DIV CSS教程——第十天_div css网页标准布局实例
DIV CSS教程——第十天_div css网页标准布局实例

图片展示
 
相关评论
站长推荐