基础篇【强者之路】论坛错误[JS/CSS/HTML]篇二 排错/修改/修复

里面的说明可能有错别字 自己理解吧~
为何要学这个？谁让你不想花钱又想解决问题。
你能想象老板对员工说感谢你们支持,然后不发工资.

1L工具使用
2L排错 CSS错位修正
3L JS错误

------------
必备工具
IE8(IE9)
火狐浏览器 ,安装最新版本后 打开组件,搜索 firebug 下载并且安装.
-------ps 你是谷歌党 那么那你也别纠结操作差不多 你能会意就得了.
-------ps 什么360 贱狗 等等在本主题毫无用处.想想都知道阉割IE那么多,难道你当是RAR能压缩？


先看图 IE要必修  为啥？因为那台电脑没IE?那一定是文艺青年电脑.
必须亲自打开看清楚 并且去打开试试,只看不试永远不会.
IE下按下 F12 并且根据 1 进行操作选择任意浏览器里面的HTML内容会出现下面的图


同样也是 F12 ， 与IE一样 那个小虫傍边的 方块上有个鼠标➹的就是IE图里面的 1
遗憾的是 CSS看起来有点乱七八糟 没IE那样直观,但是功能强大的火狐可以忍受.
1火狐可以让你知道那个脚本函数 甚至那一个段脚本出现问题
2可以知道未知错误的实际内容

在这里我们看到这个连接
留意 开发者工具里面的右侧
例如我要更改 他上下的外距,  但是右侧已经有了外距[margin]

因此我们更改他有几个选择 目的依然是优先他执行.
1在HEAD头添加
       如果这里添加CSS  那么浏览器会先读取head CSS样式 再去读取 style_1_common.css的样式 如果同级难免被覆盖
---
2统计代码处添加：  与1恰好相反。
---
3文件添加：打开common/common.css  查找 #pt  ,修改后需要更新缓存。
-----------------------
以下以统计代码添加为参考.
<style>
#pt{margin:100px 0px;}
</style>
在后台添加后刷新网页 你会发现 什么？
---如果你去添加到head 那么就要需要强调#pt

id="pt"的上一层元素是 id="wp" [一般CSS里面 逗号代表class标签 #代表id ,  id="wp"  那么我们就用#wp]
<style>
#wp #pt{margin:100px 0px;}
</style>比较推荐这样方式，当你测试完毕 可以考虑修改进去文件
这样就把#pt强调了  【不推荐用 !important  一般比较容易混乱的样式才会用】
#wp #pt 会比 #pt  更有准确性定位  因此优先执行
------------------------------------------
看到这种情况怎么办？

实际上 一样的操作 只是把 “#pt” 看成 “#pt .z A”

增加他的高度操作就是
<style>
#wp #pt .z A{height:100px;}
</style>
-------------------------------
火狐方面的操作 可能不太友好 但是都是一样的方式去理解.

这里用IE查找很困难的  看看下图就知道,所以要用火狐的 firebug

-----------------------

对比火狐 马上知道某个文件的错误.

前排支持下了