濟(jì)南校區(qū)前端與移動(dòng)開發(fā)就業(yè)班筆記css進(jìn)階day

1、【濟(jì)南校區(qū)】 前端與移動(dòng)開發(fā)就業(yè)班筆記 CSS 進(jìn)階:Day031. 焦點(diǎn)圖部分所用知識(shí)點(diǎn)負(fù)值自己的寬度一半（固定定位也是如此）2. 背景半透明1.強(qiáng)烈：盒子背景半透明 background: rgba(r,g,b,alpha);r,g,b 是紅綠藍(lán)的顏色， alpha 是的意思，取值范圍是 01之間。 這個(gè)是讓盒子的背景半透明，盒子里面內(nèi)容不半透明2.元素半透明此屬性是盒子半透明，不是背景半透明哦，因?yàn)槔锩娴膬?nèi)容也一起半透明了正常瀏覽器： opacity:0.5; 取值范圍是 01 之間 表示0% 到 100%ie8 及其以下的版本 用filter:Alpha(opacity=50) ； /

2、 opacity 值為 0 到 100因此，低版本的 ie 瀏覽器，不需要透明了，直接采用優(yōu)雅降級(jí)的做法。background: gray;background: rgba(0,0,0,.2);寫上兩句 背景， 低版本 ie 只執(zhí)行 gray， 其他瀏覽器執(zhí)行 半透明下面這一句。3. 優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)名稱說明圓角矩形border-radius: 左上角 右上角 右下角 左下角。漸進(jìn)增強(qiáng)（progressive enhancement）、優(yōu)雅降級(jí)（graceful degradation）呢？漸進(jìn)增強(qiáng) progressive enhancement：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功

3、能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)。類似爬山，由低出往高處爬優(yōu)雅降級(jí) graceful degradation：一開始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。類似蹦極，由高處往低處下落區(qū)別：漸進(jìn)增強(qiáng)是向上兼容，優(yōu)雅降級(jí)是向下兼容。個(gè)人建議： 現(xiàn)在互聯(lián)網(wǎng)發(fā)展很快， 連微軟公司都拋棄了 ie 瀏覽器，轉(zhuǎn)而支持 edge這樣的高版本瀏覽器，很多情況下沒有必要再時(shí)刻想著低版本瀏覽器了，而是一開始就構(gòu)建完整的效果，根據(jù)實(shí)際情況，修補(bǔ)低版本瀏覽器問題。ie6 以下的版本首頁改動(dòng)下： h/dev/3dm8aE4LDBNMkDfcCaRxLnVQ7rqo/index.html等后面學(xué)了 JavaScript 來檢測(cè)用戶瀏覽器版本，如果是 ie6 及其以下的版本，我們就跳到這個(gè)頁面上。4. CSS W3C驗(yàn)證工具CssSs 是一個(gè)的 CSS 代碼分析工具是： http:/如果你想要更全面的，這個(gè)神奇，你值得擁有：W3C驗(yàn)證工具：因?yàn)樗梢詸z測(cè)本地文件哦！5. CSS 壓縮通過上面的檢測(cè)沒有錯(cuò)誤，為了提高加載速度和節(jié)約空間（相對(duì)來說，css 量很少的情況下，幾乎沒啥區(qū)別），可以通過 css 壓縮工具把