整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          css html謝謝筆記,適合初級前端攻城獅

          、html部分

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

          <meta name = "format-detection" content = "telephone=no">

          2.移動開發、響應式布局

          <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes"/>

          二、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; /** 顯示的行數 **/

          overflow: hidden; /** 隱藏超出的內容 **/

          }

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

          table{

          table-layout:fixed;

          }

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

          .box:hover {

          text-overflow:inherit;

          overflow:visible;

          }

          11.css實現選中checkbox,文字內容顏色變化

          <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'>11111111111</label> 
          </div>
          

          想要學習或者了解web前端編程的小伙伴,可以私信小編【學習】web前端海量知識分享,歡迎初學和進階中的小伙伴。

          多人日常使用的瀏覽器不止一個,因為工作的需要經常要在多個瀏覽器切換。當我們需要用到不同的瀏覽器的時候,需要把收藏的書簽網址導入導出到另一個瀏覽器。下面給大家介紹瀏覽器導入導出書簽,以及刪除書簽的方法步驟,希望能夠幫助到有需要的人。

          瀏覽器書簽的作用

          我們使用瀏覽器的時候保存的網頁網址就是書簽,保存書簽后方便以后隨時查看。基本上每個瀏覽器都有書簽功能,通過使用書簽,我們可以大大提高工作效率。

          瀏覽器導出書簽的方法

          1、打開常用的瀏覽器,這里以360安全瀏覽器為例,點擊瀏覽器右上角的三個橫圖標(打開菜單),然后選擇【收藏】,接著點擊【導入/導出】;

          2、在彈出導入/導出收藏夾窗口中,選擇導出至HTML文件;在彈出的另存為窗口中,選擇存放的位置,然后點擊保存,這樣就完成了書簽收藏夾的導出。

          瀏覽器導入書簽的方法

          1、打開多御安全瀏覽器https://www.duoyux.com/,點擊瀏覽器的右上角的三個橫圖標,點擊【設置】;

          2、在打開的設置頁面中,點擊用戶下面的【導入書簽和設置】;然后在彈出來的導入書簽和設置窗口中,選擇以前導出的書簽(HTML文件),最后點擊選擇文件;

          3、在彈出的打開對話框中,找到之前從360安全瀏覽器導出的書簽HTML文件,選中文件,然后點擊打開,就會顯示導入成功。

          刪除瀏覽器書簽的方法

          我們使用瀏覽器的時候,如果之前保存的書簽已經不需要了,那么可以對不需要的書簽進行刪除。打開360安全瀏覽器,然后對著不需要的書簽點擊右鍵,然后在點擊鼠標左鍵刪除即可。

          我們在工作生活中經常需要使用多個瀏覽器,因此學會導入導出書簽是非常重要的。在多個瀏覽器切換使用的時候,能夠正常使用保存下來的書簽,幫助我們提高工作效率。當我們不需要某些書簽的時候,要及時對書簽進行整理,刪除不需要的書簽,這樣書簽收藏夾就不會亂七八糟的,方便我們迅速找到收藏的網頁。

          以上就是瀏覽器導入、導出以及刪除書簽的方法步驟。大家如果使用的瀏覽器和上面介紹的不一樣,需要導入、導出、刪除書簽,也可以參考上面的方法步驟,因為瀏覽器書簽的導入導出和刪除方法是大同小異的。

          了避免誤刪數據,刪除前應該不要嫌麻煩彈出一個確認/取消詢問窗口,以前免錯刪數據后無法恢復。網站的數據刪除由用 戶在客戶端發起,所以彈出確認/取消詢問窗口由javascript來完成,它彈出的詢問窗口跟Windows系統彈出的一樣。

          javascript刪除前彈出一個確認/取消詢問窗口有幾種方法,我們只介紹一種方便調用的方法,這樣既便于在 javascript 代碼中調用,又便于在 html 文件中調用。

          一、javascript刪除前彈出確認/取消詢問窗口方法

          為了方便調用,我們把它封裝成一個方法(函數),以下就是具體代碼:

          從以上的刪除代碼來看,是使用了 windows 的 confirm 方法。confirm 括號中的“你確定要刪除嗎?”是彈 出詢問窗口問用戶的文字,可以根據自己的要求修改,當用戶確認要刪除(即單擊了“確認”按鈕),返回真;當用戶取消 刪除(單擊了“取消”按鈕),返回假。

          二、應用舉例(javascript刪除前彈出確認/取消詢問窗口方法)

          假如用戶選中了幾條要刪除的產品記錄,用戶單擊“刪除”后立即彈出一個“確認/取消”詢問窗 口,只有用戶選擇“確認”后才刪除,否則不刪除,具體代碼如下:

          只要在每個要刪除數據的javascript方法中直接調用刪除前詢問方法就可以了;當它返回真,執行刪除操作,否則不刪除 數據。


          主站蜘蛛池模板: 日本内射精品一区二区视频| 乱中年女人伦av一区二区| 亚洲一本一道一区二区三区| 乱色熟女综合一区二区三区| 午夜AV内射一区二区三区红桃视| 亚洲视频一区二区| 在线观看视频一区二区| 精品一区二区三区在线观看视频| 91国在线啪精品一区| 青娱乐国产官网极品一区| 免费精品一区二区三区在线观看| 亚洲码一区二区三区| 日韩人妻一区二区三区蜜桃视频| 99久久国产精品免费一区二区 | 国产精品视频一区二区噜噜| 无码毛片一区二区三区视频免费播放| 中文字幕av人妻少妇一区二区| 国产在线精品一区二区中文| 国精产品一区二区三区糖心| 中文字幕一区二区三区四区| 无码AⅤ精品一区二区三区| 精品一区中文字幕| 男人免费视频一区二区在线观看| 日本精品一区二区三区在线视频| 在线观看国产一区亚洲bd| 国产一区二区三区内射高清| 日本一区二区三区中文字幕| 亚洲日韩国产一区二区三区| 国产一区二区内射最近更新| 国产成人无码精品一区二区三区| 无码人妻久久一区二区三区| 3d动漫精品啪啪一区二区中| 色一情一乱一伦一区二区三欧美| 国产福利酱国产一区二区| 高清在线一区二区| 亚洲日韩精品一区二区三区无码| 日韩精品视频一区二区三区| 色欲AV蜜桃一区二区三| 国产高清在线精品一区小说| 亚洲狠狠久久综合一区77777 | 国产精品久久无码一区二区三区网|