唐家三少,欢乐颂小说在线阅读,盗墓笔记

- 龍誠(chéng)動(dòng)態(tài)
 
 行業(yè)新聞
 
 我們的觀點(diǎn)
 
 公司公告
 
 建站技術(shù)
 
 網(wǎng)站SEO優(yōu)化
 
 網(wǎng)站制作流程
 
 產(chǎn)品報(bào)價(jià)
 - 聯(lián)系電話(huà)：0577-55882408
 - 傳真號(hào)碼：0577-55882411
 - 聯(lián)系手機(jī)：15224122065
 - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁(yè)-新聞中心-建站技術(shù)
 關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問(wèn)題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒(méi)有太多新穎, 純屬個(gè)人總結(jié), 希望能對(duì)初學(xué)者有一定的幫助. 一、CSS HACK HACK概念： 不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，對(duì)CSS的解析認(rèn)識(shí)不一樣，因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣，得不到我們所需要的頁(yè)面效果。這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫(xiě)不同的CSS，讓它能夠同時(shí)兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁(yè)面效果。這個(gè)針對(duì)不同的瀏覽器寫(xiě)不同的CSS code的過(guò)程，就叫CSS hack, HACK規(guī)則： IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；IE6能識(shí)別*，但不能識(shí)別 !important；IE7能識(shí)別*，也能識(shí)別!important；FF不能識(shí)別*，但能識(shí)別!important; 瀏覽器優(yōu)先級(jí)別:FF<IE7<IE6,CSS hack書(shū)寫(xiě)順序一般為FF IE7 IE6 例： 以: " #demo {width:100px;} "為例; #demo {width:100px;} * html #demo {width:120px;} *+html #demo {width:130px;} --------------- 所以最后,#demo的寬度在三個(gè)瀏覽器的解釋為: FIREFOX:100px; ie6:120px;ie7:130px;以下兩種方法幾乎能解決現(xiàn)今所有HACK. 1, !important 隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫(xiě)法.記得該聲明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77對(duì)FireFox *+html 與 *html 是IE特有的標(biāo)簽, firefox 暫不支持.而*+html 又為 IE7特有標(biāo)簽. <style> #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */ } </style> 注意: *+html 對(duì)IE7的HACK 必須保證HTML頂部有如下聲明： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"<a >http://www.w3.org/TR/html4/loose.dtd</a>"> 二、萬(wàn)能 float 閉合 關(guān)于 clear float 的原理可參見(jiàn) [How To Clear Floats Without Structural Markup] 將以下代碼加入Global CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽. <style> /* Clear Fix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* end of clearfix */ </style>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片