亚洲中文字幕乱码软件,中文字幕制服亚洲另类

按需加載使用require.js按需加載CSSwebpack配置CSS的按需加載CSS瀏覽器兼容性瀏覽器CSS樣式初始化由于每個瀏覽器的css默認樣式不盡相同，所以最簡單有效的方式就是對其進行初始化，在所有CSS開始前，先把marin和padding都設為0 ，以防不同瀏覽器的顯示效果不一樣（推薦初始化庫Normalize.css）。
瀏覽器私有屬性我們經(jīng)常會在某個CSS的屬性前添加一些前綴，比如-webkit- ， -moz- ， -ms- ，這些就是瀏覽器的私有屬性，出現(xiàn)私有屬性的原因是制定HTML和CSS標準的組織W3C動作是很慢的。通常，有W3C組織成員提出一個新屬性，比如說圓角border-radius ，大家都覺得好，但W3C制定標準，要走很復雜的程序，審查等。而瀏覽器商市場推廣時間緊，如果一個屬性已經(jīng)夠成熟了，就會在瀏覽器中加入支持。為避免日后W3C公布標準時有所變更，會加入一個私有前綴，比如-webkit-border-radius ，通過這種方式來提前支持新屬性。等到日后W3C公布了標準， border-radius的標準寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。常用的前綴有：
-moz代表firefox瀏覽器私有屬性-ms代表IE瀏覽器私有屬性-webkit代表chrome、safari私有屬性-o代表opera私有屬性對于私有屬性的順序要注意，把標準寫法放到最后，兼容性寫法放到前面
-webkit-transform:rotate(-3deg); /*為Chrome/Safari*/-moz-transform:rotate(-3deg); /*為Firefox*/-ms-transform:rotate(-3deg); /*為IE*/-o-transform:rotate(-3deg); /*為Opera*/transform:rotate(-3deg);CSS hack有時我們需要針對不同的瀏覽器或不同版本寫特定的CSS樣式，這種針對不同的瀏覽器/不同版本寫相應的CSS code的過程，叫做CSS hack ，寫法大致歸納為3種：條件hack、屬性級hack、選擇符級hack 。
自動化插件Autoprefixer是一款自動管理瀏覽器前綴的插件，它可以解析CSS文件并且添加瀏覽器前綴到CSS內(nèi)容里，使用Can I Use（caniuse網(wǎng)站）的數(shù)據(jù)來決定哪些前綴是需要的。把Autoprefixer添加到資源構建工具（例如Grunt）后，可以完全忘記有關CSS前綴的東西，只需按照最新的W3C規(guī)范來正常書寫CSS即可。如果項目需要支持舊版瀏覽器，可修改browsers參數(shù)設置。目前webpack、gulp、grunt都有相應的插件，別再讓CSS兼容性浪費你的時間。常見的CSS兼容性問題有哪些不同瀏覽器的標簽默認的padding/margin不同，通過初始化css樣式可以解決 *{ margin:0;padding:0px; }IE6雙邊距BUG設置較小高度標簽（一般小于10px）在IE6,IE7中高度超出自己設置的高度，通過設置overflow:hidden;或者設置行高line-height小于你設置的高度IE下，可以使用獲取常規(guī)屬性的方法來獲取自定義屬性，也可以使用getAttribute()獲取自定義屬性Chrome中文界面下默認會將小于12px的文本強制為12px 通過加入css屬性 -webkit-text-size-adjust：none;可以解決，或者使用transform中的縮放屬性超鏈接訪問過后hover樣式就不出現(xiàn) ，因為被點擊訪問過的超鏈接樣式不再具有hover和active了，解決方法是改變css屬性的排列屬性：L-V-H-A a:link{} → a:visited{} → a:hover{} → a:active{}IE下， event對象有x,y屬性，但是沒有pageX ， pageY屬性，但沒有x ， y屬性解決方式：通過條件- png24位的圖片在IE6瀏覽器上出現(xiàn)背景，解決方案是做出PNG8CSS優(yōu)化及性能提升將css文件放在頁面最上面，多個css可合并，并盡量減少http請求避免過渡約束，避免使用后代選擇符，鏈式選擇符，多種類型選擇符避免不必要的命名空間，避免不必要的重復樣式，移除空的css規(guī)則使用具有語義的名字，使用緊湊的語法避免使用 !important盡可能地精簡規(guī)則，盡可能合并不同類的重復規(guī)則，修復解析錯誤正確使用display屬性inline后不應該使用width、height、margin、padding以及floatinline-block后不應該使用float；block后不應該使用vertical-align不濫用浮動，遵守盒模型規(guī)則不濫用web字體，不聲明過多font-size ，不重復定義h1-h6 ，不給h1-h6定義過多樣式值為0時不需要任何單位標準化各種瀏覽器前綴WEB標準以及W3C對于結構的要求：規(guī)范的標簽可以提高搜索引擎對頁面的抓取效率，對SEO很有幫助

以上關于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關的問題，請您及時就醫(yī)或請專業(yè)人士給予相關指導!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

三個div上中下布局 如何讓兩個div上下排列( 六 )

三個div上中下布局如何讓兩個div上下排列( 六 )