浅谈js和css内联外联的注意事项

　　简单说：这两个问题其实是同一个问题，但是网上找了好久也找不到方法，外联的js和css文件里不能有任何HTML的标记注释，一旦有，浏览器就疯了！一去掉就好了！！！

　　问题：起因是网上看到一个css的表格样式，觉得挺好看，就打算放在自己的Asp.Net程序里，开始的时候我放在aspx文件里，显示正常

　　然后我就打算把css和js放在独立的文件里，这时候浏览器就疯掉了，显示的`效果跟原先内联的时候完全不同，就好像压根没有看到我的css样式表一样，但是有部分样式又被执行了，有部分样式又被忽略了，比如表头的thead就被执行的好好的，但是表格的边框被强制成了2px；被一个小问题困扰真不爽！

　　解决：解决方法其实非常简单，把js和css文件里的所有HTML标记<>、注释，全部去掉，然后就ok了！

　　分析：昨天晚上查了相关资料里提到“浏览器在没有找到相关的样式表的时候，会用调用它内部的css渲染参数来工作”，

　　上图摘自大漠著：《图解CSS3：核心技术与案例实战》，这本书也是目前为数不多的css3的书，虽然看的是电子版，但是考虑会买一本！

　　用浏览器自带的开发人员工具一看，果然如此，它不能解释的时候，就私自调用了浏览器自带的渲染参数，下图中-webkit-开头的那两段，把表格的边框设为了2px；

　　看了一下自己的JS文件，把这一对HTML标记去掉

　　就ok了，里面的注释标记可以保留；

　　再看了一下自己的css文件，里面有，css样式文件里连HTML的注释也不能有，否则就会出现css被部分解释的奇怪现象，一去掉也就好了，真是太憋屈了，原来自己的错误居然就是这个小小的注释引起的。

　　那么css文件怎么写注释呢？用c的注释方法就可以了/* 注释 */

【浅谈js和css内联外联的注意事项】相关文章：