Question

怎么搞清楚一个网站的css样式和js文件控制网站的那些内容？

我面试的时候给我的上司说我有一年多的前端经验，结果他们录用我了，但是工作的第二天，让我熟悉公司的网站布局流程，给我半天时间还要下午问我那些css和js控制哪些内容，我当时就想怎么可能呢。我把我们公司的网站保存下来之后，打开页面代码，去掉css一个个试看页面显示的效果的改变来判断css样式的控制效果。我的上司来检查我的时候，给我说你怎么可能这么去了解呢，一个css样式不能就控制一个页面啊，就说我的基础很差。非常苦恼，我就是想问问你们该有什么好的方法来解决这个问题呢？很快的了解我们的网站内的代码样式和js文件控制的效果。谢谢你们了。

Answer 1

你首先要知道你们的网站前端是什么架构，有没有用CMS、有没有用Diazo等Theme工具，如果有的话，直接分析Theme的代码内容就行了，因为这个是跟所有页面样式有关的。

分析样式和js的时候，使用浏览器提供的工具，比如IE的开发者工具，火狐的Firebug等，可以提高效率。

追问

只是php语言和html没有用任何的框架。firebug是可以通过选择效果查看代码，但是具体哪个样式文件和js文件控制的哪部分效果？能有具体点的操作步骤吗？我这个人有点笨，只有熟悉到一定程度才能有自己的思想方法。

追答

具体的就得亲自演示给你看了，实在没法通过文字来描述。你还是在你们单位找个师傅带带你吧。

追问

我最怕你说的最后一句，我这人没信心，就我一个前端，我要是再找人公司还要我干嘛？我现在是特别没自信，我刚开始是在页面内去掉css文件看看页面的效果变化，结果都错了，上司我说你这基础也太差了，我都懊恼了好几天。

追答

去掉CSS文件肯定不行，很多样式都是叠加的，在多个文件中定义，共同产生效果，或者很多样式是复式的，前面定义了，后面会覆盖前面的定义。必须用浏览器提供的工具来分析。Firebug是非常好的，我从2008年的1.2版就开始用，都用了5年了，到现在都没找到比这个更顺手的。你只要找对工具，然后多练习多巩固基础就行了，这个没有捷径，都是一步一步脚踏实地过来的，他说你基础差也没办法，你好好练练，以后别让他有机会说你就是了。

Answer 2

以你的基础很难和你解答这个问题。。。。。

追问

就这样你就能知道我的基础？至少你说出来我可以看得懂吧。请您提供点方法吧。只是php语言和html没有用任何的框架。

追答

从你查看css的手法就看出来了，你的基础很差，包括电脑基础。报个培训班，进修一下吧。

Answer 3

你用个firebug来看一下就知道哪些css控制哪些内容，js的触发一般要元素的id或者类别。你可以看js文件上面是否这些，或者根据js代码看对比效果来看！

追问

刚开始我都以为所有的样式都和标签页面分离了，没想到很多样式都写在了页面内部。再加上对开发者工具熟悉度欠缺，我看到css样式没有对应到css文件，傻眼了。