css公共樣式

2022-09-10 10:21:21 字數 1472 閱讀 7969

建議是找到其中自己需要的,不要全盤照搬

第一種pc端公共樣式:

strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,

tfoot, thead, tr, th, td ,textarea,input address,cite,dfn,em,var, i body table h1, h2, h3, h4, h5, h6, th button,input,select,textareafieldset,imga,

img a,

a:active,

a:focus,

a:hover,

a:visited input[type=password],

input[type=text],

}ul, ol :focus.clearfix.clear.fl.fr

第二種移動端公共樣式:

input,img

i,em

:focus

/*iphone6*/

@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2)}

/*iphone6plus*/

@media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3)}

/*原子類*/

.clear

.clear:after

.fl

.fr

.mb10

.mt10

/*placeholder css*/

::-moz-placeholder

::-webkit-input-placeholder

::-ms-input-placeholder

(一)-webkit-tap-highlight-color

這個屬性只用於ios (iphone和ipad)。當你點選乙個鏈結或者通過j**ascript定義的可點選元素的時候,它就會出現乙個半透明的灰色背景。要重設這個表現,你可以設定-webkit-tap-highlight-color為任何顏色。

想要禁用這個高亮,設定顏色的alpha值為0即可。

示例:設定高亮色為50%透明的紅色:

-webkit-tap-highlight-color: rgba(255,0,0,0.5);

瀏覽器支援: 只有ios(iphone和ipad).

CSS 樣式重置 公共樣式

我的部落格地圖 作為前端工程師,需要不斷的去總結和積累有共性的 這對於開發來說事半功倍。在書寫樣式檔案時,公共樣式和樣式重置 樣式初始化 每次都會用到。1 公共樣式 按鈕公共樣式 btn btn primary btn primaryact btn danger btn warning btn s ...

css全域性公共樣式

css檔案命名為global.css,一般此css檔案是用於裝全站主要框架css樣式 和初始化的css樣式。global 翻譯為全域性 全部。從翻譯中大家也能理解global.css用於做什麼。大站常常用於裝全站公共的css樣式選擇器。全站能重複呼叫的css樣式都放入此css檔案內,可以節約樣式 規...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...