上次一个美工同事,在做项目的时候,发现自己的写的样式表不能起到作用,搞了一整天都没有结果,就只能写在标签的样式中。后来发现我在线,就问我是什么原因,其实我以前也遇到过这样的问题,只是也从来没有去总结过什么原因,只是自己感觉有些地方不对就随着思路找到了原因,问题解决了就万事大吉,也不管为什么了,呵呵,以后要多多总结的好啊!
其实我找原因的步骤是很简单的,就是从上往下找,估计是受写程序的影响,思路总是从上往下。不过这还是蛮管用的,比如给上面的那位同事找样式表的问题,都起到作用了。
现在就来说说我上次是怎么去调试样式表的问题:
首先按照她的页面,大体看了一下,问她不对的地方在那里,发现原因如其所述。
然后反复看了一下在样式表中写样式和在直接在标签中写样式的区别,都一直问题存在,然后有认真的看了一下她写的样式表,应该没什么问题,除了有一些颜色值在VS2008发现是不合法,其他都是正常的。
最后无奈,还是从上到下,慢慢来吧!
我先是给那个标签命名一个ID,这样比较强悍一些,免得Class不顶用,发现还是不行啊。
其实我之前想的是可能她写的是Class,然后上面的父级标签有ID,class没有ID强的原因,不能显示样式效果,后来发现,都没有ID属性,所以这样的原因就不存在了。
既然上面的做法不行的,就要慢慢来了。
然后我怕她上面的样式写的有错误,导致下面的样式不能实现效果,我就把我刚才订立的ID样式,网上摞到了样式表的最顶端,这样惊喜出现,我的样式有效果了,所以问题很明显的出现了,就是在下面的样式中有错误的地方,没发现CSS有那种想VS里面的断点调试,也不能想JS里面Alter,嘿嘿,所以我就把我写的样式一点点的往下摞,当然这样的摞也要求点方法的,比如可以一大块一大块的摞,然后找出哪个大块的问题,然后在大块中的按小块分法来摞,这样就找的快点了。
最后终于摞到了问题的地方,那么就只用看看这个错误样式的问题,仔细看吧求错误能够一下子出来啦,哈哈!
然后是问题:font-family:黑体,在VS2008中编辑样式不会带双引号的,但是在DW中就会带的,问题应该不是这样的吧,但是去掉双引号,我的样式就出现效果了。故去掉双引号。
至于为什么会这样?。。。。。。
还有我想给她注释一下问题的原因,发现写注释时候,也不能出现效果,所以就没有写注释,但是我以前是可以的,所以由个问题引发的问题还真是多。看来写样式表是要求很好的规范的!
祝同事新年快乐!^-^ 找到白马王子