HTML5 CSS3前端開發資源整合

2022-04-06 11:19:26 字數 2165 閱讀 9536

推個廣告

個人**:

meta相關:

<

meta

name

="viewport"

content

="width=device-width,initial-scale=1.0,user-scalable=no"

/>

<

meta

name

="format-detection"

content

="telephone=no"

/>

<

meta

name

="format-detection"

content

="email=no"

/>

css相關:

移動端字型

body

a, img

防止點選高亮,可以通過給a標籤或者body,html加
-webkit-tap-highlight-color:transparent;

去掉webkit預設的表單樣式

禁止選中文字
-webkit-user-select: none;

去掉a、input和button點選時的藍色外邊框和灰色半透明背景

a,button,input,optgroup,select,textarea

修改input的planceholder樣式

input::-webkit-input-placeholder

修改表單獲取焦點時的樣式

input[type=text]:focus, input[type=password]:focus

用css實現省略號文字截斷

white-space: nowrap;text-overflow: ellipsis;

個人**:

meta相關:

<

meta

name

="viewport"

content

="width=device-width,initial-scale=1.0,user-scalable=no"

/>

<

meta

name

="format-detection"

content

="telephone=no"

/>

<

meta

name

="format-detection"

content

="email=no"

/>

css相關:

移動端字型

body

a, img

防止點選高亮,可以通過給a標籤或者body,html加
-webkit-tap-highlight-color:transparent;

去掉webkit預設的表單樣式

禁止選中文字
-webkit-user-select: none;

去掉a、input和button點選時的藍色外邊框和灰色半透明背景

a,button,input,optgroup,select,textarea

修改input的planceholder樣式

input::-webkit-input-placeholder

修改表單獲取焦點時的樣式

input[type=text]:focus, input[type=password]:focus

用css實現省略號文字截斷

white-space: nowrap;text-overflow: ellipsis;

web前端基礎 html5 css3

知識就像一張網,越實越牢,網住的魚越多。基礎是走向成功的基石,在碼 的過程中,有些時候因為基礎不牢吃了許多苦頭。從今天開始 2020.6.15 先把基礎惡補起來。加油 文件型別宣告標籤,html5版本 設定語言 字符集,utf 8 萬國碼 gb2312 簡體中文 bic5 正體中文 gbk 簡 正體...

初學HTML5 CSS3動畫

乙個完整的css animations由兩部分構成 在css3中使用 keyframes規則來建立動畫,keyframes可以設定多個關鍵幀,每個關鍵幀表示動畫過程中的乙個狀態,多個關鍵幀就可以使動畫十分絢麗。keyframes animationname animation屬性用於描述動畫的css...

html5 css3 微信開發 學習例項

例子1.控制資料只顯示兩行並且最後使用省略號 樣式如下 controldatarows 效果 code 1 ul class list data cmsareaid 70 23 li 4 a href title 傳谷歌將發布vr頭戴裝置,androidn已加入vr模式 style display ...