国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

該如何選擇 background-image 和 img 標(biāo)簽

Jackwoo / 2787人閱讀

摘要:用標(biāo)簽如果你希望別人打印頁(yè)面時(shí)候包含這張圖片請(qǐng)使用標(biāo)簽當(dāng)這張圖片有非常有意義的語(yǔ)義,比如警告圖標(biāo),請(qǐng)使用標(biāo)簽及它的屬性。這樣意味著你可以向所有的用戶終端現(xiàn)實(shí)他的意義。

用img標(biāo)簽

如果你希望別人打印頁(yè)面時(shí)候包含這張圖片請(qǐng)使用 img 標(biāo)簽

當(dāng)這張圖片有非常有意義的語(yǔ)義,比如警告圖標(biāo),請(qǐng)使用img標(biāo)簽及它的alt屬性。這樣意味著你可以向所有的用戶終端現(xiàn)實(shí)他的意義。

IE6下 背景圖片不能益出父級(jí)元素 要使用img multiple overlay images in IE6.

如果你使用動(dòng)畫img動(dòng)畫要比background-image 表現(xiàn)更好improve performance of animations over a background

什么時(shí)候用 CSS background-image

如果圖片不是內(nèi)容的一部分使用 background-image

如果使用圖片替換文字請(qǐng)使用 background-image

如果你不希望別人打印頁(yè)面時(shí)候包含這張圖片請(qǐng)使用 background-image

如果你想改善加載時(shí)間 使用 CSS sprites

如果你只想用一張圖片的一部分 請(qǐng)使用 CSS sprites

用background-image 以及 background-size:cover 拉伸填充整個(gè)窗口

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/49520.html

相關(guān)文章

  • 如何選擇 background-image img 標(biāo)簽

    摘要:用標(biāo)簽如果你希望別人打印頁(yè)面時(shí)候包含這張圖片請(qǐng)使用標(biāo)簽當(dāng)這張圖片有非常有意義的語(yǔ)義,比如警告圖標(biāo),請(qǐng)使用標(biāo)簽及它的屬性。這樣意味著你可以向所有的用戶終端現(xiàn)實(shí)他的意義。 用img標(biāo)簽 如果你希望別人打印頁(yè)面時(shí)候包含這張圖片請(qǐng)使用 img 標(biāo)簽 當(dāng)這張圖片有非常有意義的語(yǔ)義,比如警告圖標(biāo),請(qǐng)使用img標(biāo)簽及它的alt屬性。這樣意味著你可以向所有的用戶終端現(xiàn)實(shí)他的意義。 IE6下 背景圖...

    QLQ 評(píng)論0 收藏0
  • Web圖片資源的加載與渲染時(shí)機(jī)

    摘要:此文研究頁(yè)面中的圖片資源的加載和渲染時(shí)機(jī),使得我們能更好的管理圖片資源,避免不必要的流量和提高用戶體驗(yàn)。原理不存在的元素不會(huì)產(chǎn)出到樹上,構(gòu)建渲染樹過程中遍歷樹時(shí)無(wú)法遍歷不存在的元素,因此不會(huì)加載圖片,也不會(huì)產(chǎn)出到渲染樹上。 此文研究頁(yè)面中的圖片資源的加載和渲染時(shí)機(jī),使得我們能更好的管理圖片資源,避免不必要的流量和提高用戶體驗(yàn)。 瀏覽器的工作流程 要研究圖片資源的加載和渲染,我們先要了解...

    BLUE 評(píng)論0 收藏0
  • Web圖片資源的加載與渲染時(shí)機(jī)

    摘要:此文研究頁(yè)面中的圖片資源的加載和渲染時(shí)機(jī),使得我們能更好的管理圖片資源,避免不必要的流量和提高用戶體驗(yàn)。原理不存在的元素不會(huì)產(chǎn)出到樹上,構(gòu)建渲染樹過程中遍歷樹時(shí)無(wú)法遍歷不存在的元素,因此不會(huì)加載圖片,也不會(huì)產(chǎn)出到渲染樹上。 此文研究頁(yè)面中的圖片資源的加載和渲染時(shí)機(jī),使得我們能更好的管理圖片資源,避免不必要的流量和提高用戶體驗(yàn)。 瀏覽器的工作流程 要研究圖片資源的加載和渲染,我們先要了解...

    waruqi 評(píng)論0 收藏0
  • 總結(jié)常用偽類與偽元素

    摘要:總結(jié)常用偽類與偽元素偽類和偽元素是為了格式化樹以外的信息而被引入的。偽類一個(gè)偽類是以一個(gè)冒號(hào)作為前綴,被添加到一個(gè)選擇器末尾的關(guān)鍵字,可以讓指定的元素在特定的狀態(tài)呈現(xiàn)指定的樣式。 總結(jié)常用偽類與偽元素 偽類和偽元素是為了格式化 DOM 樹以外的信息而被引入的。 偽類 一個(gè) CSS 偽類是以一個(gè)冒號(hào)(:)作為前綴,被添加到一個(gè)選擇器末尾的關(guān)鍵字,可以讓指定的元素在特定的狀態(tài)呈現(xiàn)指定的樣式...

    anRui 評(píng)論0 收藏0
  • 譯文-瀏覽器下載圖片的方式時(shí)間點(diǎn)

    摘要:接下來看看瀏覽器是怎么處理預(yù)測(cè)瀏覽器行為瀏覽器下載圖片應(yīng)該獨(dú)立于的構(gòu)建。那么相應(yīng)的瀏覽器就會(huì)下載不可見的。因?yàn)槿绻麨g覽器在構(gòu)建前開始下載,它是沒有辦法知道這張圖片是不是需要展示在頁(yè)面上。 原文鏈接:https://csswizardry.com/2018/... 背景資料 為了更好地控制產(chǎn)品主頁(yè)縮略圖的顯示,(作者)團(tuán)隊(duì)選擇了css的background-image而不是標(biāo)簽上能解決這...

    miguel.jiang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<