站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
CSS之疑难解答
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==缩小问题代码范围== 意识到父子关系对[[网页]]的影响之后,很多问题就可以解决了。但有时这些关系是那么地复杂,很难断定究竟是哪个部分出了问题,又是哪一部分影响到了哪一部分。 下面有些招数可以更快地逐步缩小并最终确定出问题的[[CSS]]版块、区块以及class类。首先要备份CSS文件在内的所有主要文件,确保出错后可以用备份恢复原状。 确定问题根源并纠正后,删除中途用以测试的内容,使网页恢复“正常”状态。 <STRONG>圈出各个版块</STRONG> 认识HTML页面的各个区域或块后,打开CSS文件,为所有的DIV块加入以下属性: <PRE>border:solid 1px <EM>color</EM> </PRE> 在每个区块中单词<EM>color</EM>的后面加上另一种颜色的名称。 例如: # page { margin:5px; padding:0; border: solid 1px red; } # header { margin: 10px; padding: 5px; border: solid 1px blue; } # content { margin:5px 100px 5px100px; padding:10px; border: solid 1px green; } .post { margin:5px; padding:10px; border: solid 1px yellow; } 保存CSS文件,在[[web]]浏览器中查看页面(点击刷新或F5)。现在可以看到不同区块外会有不同颜色的方框围绕。 [[Image:1 4.jpg|CSS之疑难解答]] 如果文本没有被有色方框围绕,检查之前所更改的选择符是否拼写正确,是否能被HTML识别。 如果问题出现在蓝色方框中,就可以从蓝色方框中着手解决问题。记住在问题解决后删除测试属性。 在[[火狐]]浏览器中有一个插件可以按照以上方法圈出各个版块,极大地简化了解决问题的过程。这个插件叫做 Aardvark,可以在http://www.karmatics.com/aardvark/ 上免费下载,网站上还有一个试验演示。 '''高亮显示各版块''' 除了用文本框框出不同版块以分辨CSS/[[HTML]]问题源头外,还可以通过改变文本颜色来突出显示问题所在区域。注意:在测试过程中记住原有颜色,以便完成测试后恢复原状。记住备份! 可以在[[CSS]]文件中某个选择符的属性中加入color:red(也可以是其它颜色)字样,更改该版块的字体颜色: H1 { font-style:bold; font-size: 125%; color: red; } 鲜艳的红色H1标题会立刻吸引住我们。 要更改某个版块的背景色,可以加入background:pink,使整个背景颜色都变成粉色。 # header { margin:5px; padding: 10px; background:pink; } 效果图: [[Image:2 3.jpg|CSS之疑难解答]] 现在整个header区块的背景色都是粉色的了。查找到错误并修正后,删除对背景色的设置,让网页恢复原状。 '''验证代码''' 即使非常小的细节性错误都有可能摧毁页面布局。一个拼写错误的标签(将href拼写成rhef),一个忘记闭合的标签,一个被忽略的属性,甚至只是个错误的属性都可能使页面瘫痪。 我们浏览代码时,很容易忽略代码中的小问题,而免费的在线验证程序可以帮我们检查出[[HTML]]、[[XML]]以及[[CSS]]代码中的细微错误。大多数在线验证程序都需要我们输入网站的[[URI]](链接)以初始化验证过程,有的甚至需要我们复制代码或上传文件才能开始验证。默认情况下,WordPress会验证自己的代码,而一旦用户更改了代码,WordPress就不再验证,因此即使最小的代码错误也可能引发混乱局面。 不同的验证程序检查不同问题,如果不能在某个验证程序中找出解决方法,可以尝试另一种验证程序。很多验证程序建议用户进行这样或那样的修改,但修改前请找出问题所在。 WordPress手册文档中的验证网站提供了很多[http://www.wordpress.la/codex-WordPress%E7%BD%91%E7%AB%99%E9%AA%8C%E8%AF%81.html 验证网站]和在线验证程序的资料,帮助大家了解更多网站验证方面的信息。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)