淺談js和css內(nèi)聯(lián)外聯(lián)的注意事項(xiàng)
簡(jiǎn)單說(shuō):這兩個(gè)問(wèn)題其實(shí)是同一個(gè)問(wèn)題,但是網(wǎng)上找了好久也找不到方法,外聯(lián)的js和css文件里不能有任何HTML的標(biāo)記注釋,一旦有,瀏覽器就瘋了!一去掉就好了。!
問(wèn)題:起因是網(wǎng)上看到一個(gè)css的表格樣式,覺得挺好看,就打算放在自己的Asp.Net程序里,開始的時(shí)候我放在aspx文件里,顯示正常
然后我就打算把css和js放在獨(dú)立的文件里,這時(shí)候?yàn)g覽器就瘋掉了,顯示的`效果跟原先內(nèi)聯(lián)的時(shí)候完全不同,就好像壓根沒有看到我的css樣式表一樣,但是有部分樣式又被執(zhí)行了,有部分樣式又被忽略了,比如表頭的thead就被執(zhí)行的好好的,但是表格的邊框被強(qiáng)制成了2px;被一個(gè)小問(wèn)題困擾真不爽!
解決:解決方法其實(shí)非常簡(jiǎn)單,把js和css文件里的所有HTML標(biāo)記<>、注釋,全部去掉,然后就ok了!
分析:昨天晚上查了相關(guān)資料里提到“瀏覽器在沒有找到相關(guān)的樣式表的時(shí)候,會(huì)用調(diào)用它內(nèi)部的css渲染參數(shù)來(lái)工作”,
上圖摘自大漠著:《圖解CSS3:核心技術(shù)與案例實(shí)戰(zhàn)》,這本書也是目前為數(shù)不多的css3的書,雖然看的是電子版,但是考慮會(huì)買一本!
用瀏覽器自帶的開發(fā)人員工具一看,果然如此,它不能解釋的時(shí)候,就私自調(diào)用了瀏覽器自帶的渲染參數(shù),下圖中-webkit-開頭的那兩段,把表格的邊框設(shè)為了2px;
看了一下自己的JS文件,把這一對(duì)HTML標(biāo)記去掉
就ok了,里面的注釋標(biāo)記可以保留;
再看了一下自己的css文件,里面有,css樣式文件里連HTML的注釋也不能有,否則就會(huì)出現(xiàn)css被部分解釋的奇怪現(xiàn)象,一去掉也就好了,真是太憋屈了,原來(lái)自己的錯(cuò)誤居然就是這個(gè)小小的注釋引起的。
那么css文件怎么寫注釋呢? 用c的注釋方法就可以了/* 注釋 */
【淺談js和css內(nèi)聯(lián)外聯(lián)的注意事項(xiàng)】相關(guān)文章:
java和js的區(qū)別12-05
Dreamweaver編寫和CSS技巧08-01
盤點(diǎn)Dreamweaver使用CSS的注意事項(xiàng)07-31
詳解CSS的相對(duì)定位和絕對(duì)定位08-08
php與js的區(qū)別08-11
什么是CSS10-06