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

資訊專欄INFORMATION COLUMN

HTML、CSS、meta常用代碼

XanaHopper / 2105人閱讀

摘要:關閉首個字母大寫偽類失效頁面模板設置頁面的編碼禁止手機放大或縮小刪除默認的蘋果工具欄和菜單欄,默認全屏啟動或禁用自動識別頁面中的電話號碼,郵箱地址文檔兼容模式以最高

HTML

1、關閉首個字母大寫(HTML)

2、偽類:active失效

body class="" onmousemove="" ontouchstart=""

3、H5頁面模板




    
    
    
    
    
    
    
    
    
    
    Title


    
meta

1、設置頁面的編碼(HTML)

2、禁止手機放大或縮小(HTML)


content="width=device-width,
initial-scale=1.0,
minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no"/>"

2、刪除默認的蘋果工具欄和菜單欄,默認全屏(HTML)

3、啟動或禁用自動識別頁面中的電話號碼,郵箱、地址(HTML)

4、文檔兼容模式 -- IE以最高級模式渲染文檔(HTML)

5、頂部狀態欄背景色(HTML)


6、頁面的關鍵字、描述--搜索引擎使用(HTML)


7、winphone系統a、input標簽被點擊時產生的半透明灰色背景怎么去掉


CSS

1、取消 input search 的close(CSS)

input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none; //此處只是去掉默認的小×
}
::-webkit-search-cancel-button {
    display:none; 
}
input[type="search"]{-webkit-appearance:none;} 

7、重寫占位符樣式

input[type=search]::-webkit-input-placeholder{
color: blue;
}

2、禁止選中復制文本(CSS)

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

[contenteditable=true], input, textarea {
    -webkit-touch-callout: auto !important;
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

3、input和button 消除觸摸陰影(CSS)

-webkit-tap-highlight-color: transparent;

4、取消button的默認樣式

-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline: 0;

5、改變webkit表單輸入框placeholder的顏色值

input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}

6、媒體查詢(CSS)

(@media screen and (max-width: 330px) and (min-width: 311px) {}

7、CSS模板

@charset "UTF-8";a,body,button,div,form,h1,h2,h3,h4,h5,h6,header,html,input,nav,p,section,table,textarea,dl,dt,ol,ul,li{margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;font-family:Helvetica,Arial,"Microsoft YaHei",sans-serif;background-color:#f2f2f2;font-size:100px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a,button,input,textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border:0}
dl,dt,ol,ul,li{list-style:none}
[contenteditable=true],input,textarea{-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;-khtml-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}
.ellipsis{overflow:hidden;-ms-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-clamp-3{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

other

autocapitalize 首字母自動大寫
autocorrect 自動改正
autocomplete 自動輸入
$(this).data("hello");
$(this).attr("data-hello")
display:flex;flex-direction:column;justify-content:center 通訊錄 字母導航樣式
e.currentTarget.dataset.xxx與e.target.dataset.xxx
e.currentTarget.options.selectedIndex 與 e.currentTarget.value
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
.clearfix:after, .clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}

8、CSS sticky-footer布局
html


頂部
底部--頁面沒有超出固定在底部,超出則正常顯示

css

css reset
body,html{height:100%}
.main{min-height:100%;margin-bottom:-30px}
.main-son{padding-bottom:30px}

常用連接
用border做三角形
CSS在線API--1
CSS在線API--2
meta標簽擴展

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

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

相關文章

  • HTMLCSSmeta常用代碼

    摘要:關閉首個字母大寫偽類失效頁面模板設置頁面的編碼禁止手機放大或縮小刪除默認的蘋果工具欄和菜單欄,默認全屏啟動或禁用自動識別頁面中的電話號碼,郵箱地址文檔兼容模式以最高 HTML 1、關閉首個字母大寫(HTML) 2、偽類:active失效 body class= onmousemove= ontouchstart= 3、H5頁面模板 ...

    DevTalking 評論0 收藏0
  • html常用標簽整理

    摘要:主要通過樣式為其賦予不同的表現標簽用來定義內聯行內元素,并無實際的意義。html文檔結構 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個lang表示語言,zh-CN中文的意思,整個文檔的內容以中文為主,如果以英文為主,就寫成lang=en 3 4 <head> 5 <meta charset...

    番茄西紅柿 評論0 收藏0
  • Web最佳實踐閱讀總結(2)

    摘要:代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索,提高搜索排名提高網站的易用性網頁更好維護和擴展,屬于插件停止使用不標準的標簽和屬性,簡化代碼標簽沒有實際意義,僅設置樣式不推薦使用不推薦使用,讓擁有更好的語義移除不常用的標簽樣式 代碼符合標準 標準的頁面會保證正確的渲染 頁面容易被搜索引擎搜索,提高搜索排名(SEO) 提高網站的易用性 網頁更好維護和擴展(Validato...

    chavesgu 評論0 收藏0
  • Web最佳實踐閱讀總結(2)

    摘要:代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索,提高搜索排名提高網站的易用性網頁更好維護和擴展,屬于插件停止使用不標準的標簽和屬性,簡化代碼標簽沒有實際意義,僅設置樣式不推薦使用不推薦使用,讓擁有更好的語義移除不常用的標簽樣式 代碼符合標準 標準的頁面會保證正確的渲染 頁面容易被搜索引擎搜索,提高搜索排名(SEO) 提高網站的易用性 網頁更好維護和擴展(Validato...

    selfimpr 評論0 收藏0
  • Web最佳實踐閱讀總結(2)

    摘要:代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索,提高搜索排名提高網站的易用性網頁更好維護和擴展,屬于插件停止使用不標準的標簽和屬性,簡化代碼標簽沒有實際意義,僅設置樣式不推薦使用不推薦使用,讓擁有更好的語義移除不常用的標簽樣式 代碼符合標準 標準的頁面會保證正確的渲染 頁面容易被搜索引擎搜索,提高搜索排名(SEO) 提高網站的易用性 網頁更好維護和擴展(Validato...

    RiverLi 評論0 收藏0

發表評論

0條評論

XanaHopper

|高級講師

TA的文章

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