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

資訊專欄INFORMATION COLUMN

H5常用標簽

pubdreamcc / 1610人閱讀

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

object-position 和 object-fit --- 圖片不失真處理 
圖片寫法 不管寬高怎么變 圖片都不會失真和變形【不支持IE】



//css
.avatar{
    width:800px;
    height:200px;
    object-position:center center;
    object-fit:cover;
}
figure 和 figcaption --- 圖像卡片 
圖像卡片



    
    
商品標題
picture & source --- 圖片格兼容替換 
圖像的另外一種應用場景

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

可以使用下面的寫法 當瀏覽器不支持時自動使用替換格式的鏈接
details & summary --- 下拉菜單 
下拉菜單

傳統(tǒng)寫法使用js來實現(xiàn)
對要求不高的場景 可以用details summary標簽




    標題 
    
內(nèi)容。。。。。。


// css

//清除默認自帶小三角
details summary::-webkit-details-marker{
    display:none;
}
fieldset & legend --- 表單統(tǒng)一處理 
表單

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




    

         xxxxxx
object --- 頁面展示pdf 
頁面展示pdf


    data="http://xxx.xxx.com/text.pdf"

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

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

相關(guān)文章

  • 從0開始接觸html--第一天學習內(nèi)容總結(jié)

    摘要：第一天總結(jié)段落有序無序定義列表塊級元素獨占一行，行內(nèi)元素共占一行和和和塊級分區(qū)元素行內(nèi)分區(qū)元素特殊字符空格小于號大于號圖片圖片不能正常顯示的時候顯示此內(nèi)容路徑鼠標懸停時顯示的內(nèi)容圖片地圖細節(jié)文本標簽內(nèi)容標題標第一天 總結(jié): h1-h6 p 段落 hr br 有序 ol li 無序 ul li 定義列表 dl dt dd 塊級元素：獨占一行，h1-h6 p hr div 行內(nèi)元素：共占一行,...

    changfeng1050 評論0 收藏0

  • H5前端常見問題

    摘要：走了程序媛這條路英式吐槽不經(jīng)歷風雨怎么有夏天歲月帶走的是你的童年帶不走的是藏在你內(nèi)心深處的那顆童心其實程序員都挺幼稚得啦哈哈常用標簽頁面結(jié)構(gòu)設(shè)置寬度，為一個正整數(shù)，或字符串設(shè)置高度，一般設(shè)置了寬度，會自動解析出高度，可以不用設(shè)置 走了程序媛這條路英式吐槽：不經(jīng)歷風雨 怎么有夏天2017.6.1歲月帶走的是你的童年帶不走的是藏在你內(nèi)心深處的那顆童心Ps:其實程序員都挺幼稚得啦O(∩_∩)...

    ityouknow 評論0 收藏0

  • H5前端常見問題

    摘要：走了程序媛這條路英式吐槽不經(jīng)歷風雨怎么有夏天歲月帶走的是你的童年帶不走的是藏在你內(nèi)心深處的那顆童心其實程序員都挺幼稚得啦哈哈常用標簽頁面結(jié)構(gòu)設(shè)置寬度，為一個正整數(shù)，或字符串設(shè)置高度，一般設(shè)置了寬度，會自動解析出高度，可以不用設(shè)置 走了程序媛這條路英式吐槽：不經(jīng)歷風雨 怎么有夏天2017.6.1歲月帶走的是你的童年帶不走的是藏在你內(nèi)心深處的那顆童心Ps:其實程序員都挺幼稚得啦O(∩_∩)...

    Sleepy 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<