成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML中的圖片

godruoyi / 3213人閱讀

摘要：中的圖片圖片的三種格式適合照片，包含一千六百多種顏色，這是一種有損格式，因?yàn)檎掌s小時(shí)會(huì)丟掉圖像的一些信息不支持透明度文件比較小不支持動(dòng)畫支持上百種顏色，的圖像。

HTML中的圖片 
< img src="">
圖片的三種格式 
JPG

JPG適合照片，包含一千六百多種顏色，這是一種有損格式，因?yàn)檎掌s小時(shí)會(huì)丟掉圖像的一些信息

不支持透明度

文件比較小

不支持動(dòng)畫

PNG

PNG支持上百種顏色，的圖像。PNG有三種：

PNG-8,PNG-24,PNG-32

取決于你需要表示多少種顏色。

這是一種無損格式

允許將顏色設(shè)置為“透明”，使圖像下面的東西顯示出來

PNG文件的大小取決于顏色的多少

GIF

gif圖支持256種顏色

是一種“無損”格式

也可以設(shè)置透明度，但是只支持將一種顏色設(shè)置為“透明”

GIF文件一般比JPEG文件大

支持動(dòng)畫——三種格式里唯一支持動(dòng)畫的




總結(jié)：
gif,png適合做小文本和logo圖，JPEG適合照片
**

< img src="" alt="" width="" height="">

其中src表示圖片地址，alt表示圖片未被加載時(shí)顯示的替代文字,width表示圖片寬度，htight表示圖片高度


最好不要用width和height控制圖片大小，因?yàn)檫@樣在獲取網(wǎng)頁資源的時(shí)候還是要加載原來的圖片的，建議用ps調(diào)下分辨率再加載進(jìn)去


如果想要將圖片設(shè)置為跳轉(zhuǎn)則在img標(biāo)簽嵌套在a標(biāo)簽內(nèi)就可以了
**

#### 蒙版

蒙版即根據(jù)背景顏色柔滑文本邊緣的一種效果,一般用于透明背景圖片

**
如果把一個(gè)透明呢的圖片放在web頁面中，則要確定這個(gè)圖像的蒙版顏色與web頁面的背景色一致。
透明圖像可以使用PNG或GIF格式

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114944.html

相關(guān)文章

  • 學(xué)習(xí)前端筆記1（HTML）

    摘要：注此文是在看過許多學(xué)習(xí)資料和視頻之后，加上自身理解拼湊而成，僅作學(xué)習(xí)之用。宋體無文檔聲明瀏覽器以怪異模式解析宋體標(biāo)簽宋體不使用宋體代碼來實(shí)現(xiàn)頁面表現(xiàn)宋體學(xué)習(xí)宋體重點(diǎn)在于語義性。（注：此文是在看過許多學(xué)習(xí)資料和視頻之后，加上自身理解拼湊而成，僅作學(xué)習(xí)之用。若有版權(quán)問題，麻煩及時(shí)聯(lián)系） 標(biāo)準(zhǔn)頁面結(jié)構(gòu)： ? ? ? Html發(fā)展歷史：? ? 注：每一種HTML需要有對應(yīng)的doctype聲明。? ...

    xeblog 評論0 收藏0

  • HTML與CSS中的,鏈接與圖像個(gè)人分享

    摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁面跳轉(zhuǎn)到指定頁面屬性設(shè)置指定跳轉(zhuǎn)頁面的路徑路徑分類相對路徑相對于當(dāng)前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁面跳轉(zhuǎn)到指定html頁面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁面的路徑 ...

    cocopeak 評論0 收藏0

  • HTML與CSS中的,鏈接與圖像個(gè)人分享

    摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當(dāng)前頁面跳轉(zhuǎn)到指定頁面屬性設(shè)置指定跳轉(zhuǎn)頁面的路徑路徑分類相對路徑相對于當(dāng)前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也 鏈接與圖像 鏈接元素 < a >元素 - 表示鏈接元素 作用 - 從當(dāng)前html頁面跳轉(zhuǎn)到指定html頁面 屬性 href - 設(shè)置指定跳轉(zhuǎn)html頁面的路徑 ...

    elisa.yang 評論0 收藏0

  • 基于html2canvas實(shí)現(xiàn)網(wǎng)頁保存為圖片及圖片清晰度優(yōu)化

    摘要：本次技術(shù)調(diào)研來源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來源于H5項(xiàng)目中的一個(gè)重要功能需求：實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。 這里有個(gè)栗子（請用微信打開，長按圖片即可保存）：3分鐘探索你的知識邊界 將整個(gè)網(wǎng)頁保存為圖片是一個(gè)十分有趣的功能，常見于H5活動(dòng)頁的結(jié)尾頁分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...

    JerryWangSAP 評論0 收藏0

  • 基于html2canvas實(shí)現(xiàn)網(wǎng)頁保存為圖片及圖片清晰度優(yōu)化

    摘要：本次技術(shù)調(diào)研來源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來源于H5項(xiàng)目中的一個(gè)重要功能需求：實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。 這里有個(gè)栗子（請用微信打開，長按圖片即可保存）：3分鐘探索你的知識邊界 將整個(gè)網(wǎng)頁保存為圖片是一個(gè)十分有趣的功能，常見于H5活動(dòng)頁的結(jié)尾頁分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...

    mayaohua 評論0 收藏0

  • 基于html2canvas實(shí)現(xiàn)網(wǎng)頁保存為圖片及圖片清晰度優(yōu)化

    摘要：本次技術(shù)調(diào)研來源于項(xiàng)目中的一個(gè)重要功能需求實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。小結(jié)是目前實(shí)現(xiàn)網(wǎng)頁保存為圖片功能的綜合最佳選擇。 本次技術(shù)調(diào)研來源于H5項(xiàng)目中的一個(gè)重要功能需求：實(shí)現(xiàn)微信長按網(wǎng)頁保存為截圖。 這里有個(gè)栗子（請用微信打開，長按圖片即可保存）：3分鐘探索你的知識邊界 將整個(gè)網(wǎng)頁保存為圖片是一個(gè)十分有趣的功能，常見于H5活動(dòng)頁的結(jié)尾頁分享。以下則是項(xiàng)目中調(diào)研和踩坑的一些小結(jié)和匯總。 ...

    denson 評論0 收藏0

發(fā)表評論

0條評論

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