H5常用標(biāo)簽

pubdreamcc 發(fā)布于2019-08-02 15:20 / 1602人閱讀

摘要：清除默認(rèn)自帶小三角表單統(tǒng)一處理表單把一堆表單集合起來(lái)做統(tǒng)一的處理頁(yè)面展示頁(yè)面展示

object-position 和 object-fit --- 圖片不失真處理

圖片寫(xiě)法 不管寬高怎么變 圖片都不會(huì)失真和變形【不支持IE】

//css
.avatar{
    width:800px;
    height:200px;
    object-position:center center;
    object-fit:cover;
}

figure 和 figcaption --- 圖像卡片

圖像卡片



    
    商品標(biāo)題

picture & source --- 圖片格兼容替換

圖像的另外一種應(yīng)用場(chǎng)景

webp是google開(kāi)發(fā)的新的圖片編碼格式
在質(zhì)量相同的情況下 webp格式圖像的體積要比JPEG格式圖像小40%
缺點(diǎn)是兼容性不好

可以使用下面的寫(xiě)法當(dāng)瀏覽器不支持時(shí)自動(dòng)使用替換格式的鏈接

details & summary --- 下拉菜單

下拉菜單

傳統(tǒng)寫(xiě)法使用js來(lái)實(shí)現(xiàn)
對(duì)要求不高的場(chǎng)景可以用details summary標(biāo)簽



    標(biāo)題
 
    內(nèi)容。。。。。。

// css

//清除默認(rèn)自帶小三角
details summary::-webkit-details-marker{
    display:none;
}

fieldset & legend --- 表單統(tǒng)一處理

表單

把一堆表單集合起來(lái) 做統(tǒng)一的處理



    
         xxxxxx 
        
         aaaaaa1 
        
         aaaaaa2

object --- 頁(yè)面展示pdf

頁(yè)面展示pdf

GPU云服務(wù)器云服務(wù)器 h5新增標(biāo)簽 html常用標(biāo)簽 html常用單標(biāo)簽 html基本常用標(biāo)簽

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

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

登陸后可評(píng)論

我要關(guān)注我要私信

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