css樣式優(yōu)雅降級的簡單介紹

漸進(jìn)增強(qiáng)與優(yōu)雅降級是什么?

1、換句話說漸進(jìn)增強(qiáng)相當(dāng)于向上兼容也就是低版本支持高版本，而優(yōu)雅降級相當(dāng)于向下兼容也就是高版本支持低版本的。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比東坡網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式東坡網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋東坡地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。

2、漸進(jìn)增強(qiáng)（progressive enhancement）：一開始只構(gòu)建站點(diǎn)的最少特性，然后不斷針對各瀏覽器追加功能。

3、漸進(jìn)增強(qiáng)相當(dāng)于向上兼容，而優(yōu)雅降級相當(dāng)于向下兼容。向下兼容指的是高版本支持低版本的或者說后期開發(fā)的版本支持和兼容早期開發(fā)的版本，向上兼容的很少。

4、廣義來說，其實(shí)要定義一個(gè)基準(zhǔn)線，在此之上的增強(qiáng)叫做漸進(jìn)增強(qiáng)，在此之下的兼容叫優(yōu)雅降級。這個(gè)基準(zhǔn)線對于我，是允許使用javascript、cookie和css的IE8瀏覽器。

css3中的漸進(jìn)增強(qiáng)和優(yōu)雅降級如何使用

1、如果你采用漸進(jìn)增強(qiáng)的開發(fā)流程，先做一個(gè)基本功能版，然后針對各個(gè)瀏覽器進(jìn)行漸進(jìn)增加，增加各種功能。相對于優(yōu)雅降級來說，開發(fā)周期長，初期投入資金大。

2、優(yōu)雅降級需要正確地體現(xiàn)HTML標(biāo)簽的語義，符合“瀏覽器的預(yù)期”。讓你的網(wǎng)頁在各種情況—下——包括降級（javascript被禁用，css傳輸失敗等等）的情形都可以運(yùn)作良好。這是我理解的優(yōu)雅降級的意義。

3、同樣以css為例，優(yōu)雅降級的寫法如下。漸進(jìn)增強(qiáng)，開發(fā)時(shí)間長，成本高，優(yōu)雅降級，節(jié)約成本，開發(fā)周期短。

前端面試題系列之-CSS及頁面布局篇

參考鏈接： CSS實(shí)現(xiàn)不換行/自動(dòng)換行/文本超出隱藏顯示省略號 object-fit CSS 屬性指定可替換元素的內(nèi)容應(yīng)該如何適應(yīng)到其使用的高度和寬度確定的框。

面試題：寫一個(gè)左中右布局占滿屏幕，其中左、右倆塊固定寬200，中間自適應(yīng)寬，要求先加載中間塊，請寫出結(jié)構(gòu)及樣式。

BFC（Block Formatting Context）格式化上下文，是 Web 頁面中盒模型布局的 CSS 渲染模式，指一個(gè)獨(dú)立的渲染區(qū)域或者說是一個(gè)隔離的獨(dú)立容器。

如何在頁面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域？實(shí)現(xiàn)不使用border畫出1px高的線，在不同瀏覽器的Quirksmode和cssCompat模式下都能保持同一效果。

項(xiàng)目經(jīng)驗(yàn)篇 項(xiàng)目中遇到的最大挑戰(zhàn)以及解決辦法 常見的網(wǎng)頁優(yōu)化有哪些？ 作為一個(gè)面試一年以內(nèi)工作經(jīng)驗(yàn)的前端程序員來說，以上的問題能夠倒答如流月薪6k應(yīng)該不成問題啦。這些面試題也是我在很多面試中感覺經(jīng)常被問到的題目。

DIV + CSS布局相關(guān)內(nèi)容 DIV+CSS布局樣式詳解a 符合 W3C標(biāo)準(zhǔn)，微軟等公司均為 W3C支持者。

當(dāng)前文章：css樣式優(yōu)雅降級的簡單介紹
瀏覽路徑：http://bm7419.com/article49/dgdjdeh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站制作、用戶體驗(yàn)、標(biāo)簽優(yōu)化、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)