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

資訊專欄INFORMATION COLUMN

自己平時收集的css、html筆記(適合初級前端攻城獅)

番茄西紅柿 / 3357人閱讀

摘要:實習了一年時間,陸陸續(xù)續(xù)記錄下來一堆筆記,不過也丟失了一些以后會持續(xù)更新擴展,現(xiàn)在把碰到的知識點歸納于此,方便翻閱一部分取消自動識別數(shù)字為撥打號碼移動開發(fā)響應式布局二部分字母強制大寫解決中滑動速度慢或者卡的問題防止復制,兼

  實習了一年時間,陸陸續(xù)續(xù)記錄下來一堆筆記,不過也丟失了一些... 以后會持續(xù)更新、擴展,現(xiàn)在把碰到的知識點歸納于此,方便翻閱

一、html部分

  1.取消iPhone自動識別數(shù)字為撥打號碼

    

  2.移動開發(fā)、響應式布局

    

二、css部分

  1.字母強制大寫

    text-transform: uppercase;

  2.解決iPhone中overflow:scroll;滑動速度慢或者卡的問題

    -webkit-overflow-scrolling: touch;

  3.防止復制,兼容主流瀏覽器

    -moz-user-select : none;

    -webkit-user-select: none;

  4.固定背景圖片

    background-attachment: fixed;

  5.去除iphone input默認樣式

    input {

      -webkit-appearance:none;

    }

    -webkit-appearance 可用于渲染input風格,多用于移動端,有兼容性問題,請自行百度

  6.設置表格的邊框合并為一個單一的邊框

    border-collapse:collapse;

  7.添加(顯示)IOS下滾動條

    .box::-webkit-scrollbar{
      -webkit-appearance: none;
      width: 14px;
      height: 14px;
    }
    .box::-webkit-scrollbar-thumb{
      border-radius: 8px;
      border: 3px solid #fff;
      background-color: rgba(0, 0, 0, .3);
    }

  8.文字超出部分省略號隱藏

    .box{

      width: 200px; 

       /** 單行顯示隱藏 **/

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
       /** 多行顯示隱藏 **/
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box; /** 對象作為伸縮盒子模型顯示 **/
      -webkit-box-orient: vertical; /** 設置或檢索伸縮盒對象的子元素的排列方式 **/
      -webkit-line-clamp: 3; /** 顯示的行數(shù) **/
      overflow: hidden; /** 隱藏超出的內(nèi)容 **/
    }

  9.設置表格布局(我都不知道為什么我的筆記.txt里面會有這個...)

    table{
      table-layout:fixed;
    }

  10.如果想鼠標移動上去時顯示被隱藏的文本內(nèi)容,可以設置 

    .box:hover {
      text-overflow:inherit;
      overflow:visible;
    }

  11.css實現(xiàn)選中checkbox,文字內(nèi)容顏色變化

<style>
    .tgl-light + .tgl-btn {
        background: #f0f0f0;
        border-radius: 2em;
        padding: 2px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }
    .tgl-light + .tgl-btn:after {
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }
    .tgl-light:checked + .tgl-btn {
        background: #9FD6AE;
    }
style>
<div class=tg-list-item>
    <input class=tgl tgl-light id=cb1 type=checkbox>
    <label class=tgl-btn for=cb1>11111111111label>
div>

  以上有些是復制別人博客的內(nèi)容,具體是哪些大神,由于我是直接復制到我的txt文件上的,所以請見諒沒標明轉載,以后碰到了會注明的

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

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2065.html

相關文章

  • 回顧自己三次失敗面試經(jīng)歷

    摘要:站在這個時間點上,我對自己之前三次失敗的面試經(jīng)歷做了一次深度回顧。關于我第三次面試失敗的經(jīng)歷,依然是與輪播圖有關。當然,這次思特奇面試之旅,最后也是以失敗告終,這也是我離進大廠最近的一次。 showImg(https://segmentfault.com/img/bVYQuP?w=528&h=513); 前言 時間的齒輪已經(jīng)來到了2017年的11月份,距離2018年僅僅還剩下不到兩...

    DC_er 評論0 收藏0
  • 回顧自己三次失敗面試經(jīng)歷

    摘要:站在這個時間點上,我對自己之前三次失敗的面試經(jīng)歷做了一次深度回顧。關于我第三次面試失敗的經(jīng)歷,依然是與輪播圖有關。當然,這次思特奇面試之旅,最后也是以失敗告終,這也是我離進大廠最近的一次。 showImg(https://segmentfault.com/img/bVYQuP?w=528&h=513); 前言 時間的齒輪已經(jīng)來到了2017年的11月份,距離2018年僅僅還剩下不到兩...

    spacewander 評論0 收藏0
  • 微信小游戲前端城獅玩法

    摘要:轉自自己在開源中國上的博客前言公司群里經(jīng)常有人會發(fā)一些微信小游戲,每次下面都會跟好多曬分截圖。因為前端攻城獅有前端攻城獅的玩法。取消斷點繼續(xù)游戲。這時在手機微信里訪問游戲的鏈接,在端里就可以看到手機發(fā)出的請求。 轉自自己在開源中國上的博客:https://my.oschina.net/u/7247... 前言 公司群里經(jīng)常有人會發(fā)一些微信小游戲,每次下面都會跟好多曬分截圖。比如這個《看...

    habren 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<