2017年7月25日

CSS设计规范（1）基础设置

基础设置

基础交互设置

设置全局的CSS样式，避免图中的长按弹出菜单与选中文本的行为

a, img {
    -webkit-touch-callout:none; /* 禁止长按链接与图片弹出菜单 */
}
html, body {
    -webkit-user-select:none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select:none;
}

设置全局css样式，避免连续的纯英文或者数字不换行

body {word-wrap:break-word;}

Reset.css

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,address,
em, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td,i,b,s {
    margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%;font-family: Helvetica,Arial,sans-serif;
}

ul,ol{list-style: none}
a img { border:none;vertical-align: top; }
a {text-decoration: none;}

button {overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent;}
button::-moz-focus-inner { padding:0;}

textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;}
input[type=password] {-webkit-text-security:disc;}
textarea:focus,input:focus,button:focus{outline:none;}
body {word-wrap:break-word;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*==============================
 * Title: Hybrid reset
 * Description: 独立版、结合版内嵌H5页面需要禁止选中文本、禁止长按弹出系统菜单
 * @author: Cheung
 * Time：2015.03.25 Update
=================================*/

/* 全局禁止选中文本 */
.hybrid {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 禁止长按链接与图片弹出菜单 */
.hybrid a,.hybrid img {-webkit-touch-callout:none;}

Author: canmeng

Filed Under: Work

HTML设计规范（5）语法

CSS设计规范（2）Class命名，选择器，代码组织

2,458 thoughts on “CSS设计规范（1）基础设置”

saglik-bilgim.com说道：

2022年10月31日下午5:00

thank you

回复
ekonomik-hayat.com说道：

2022年10月31日上午7:01

thank you

回复
ekonomi-haberleri.com说道：

2022年10月31日上午7:00

thank you

回复
ekonomik-yasam.com说道：

2022年10月31日上午6:57

thank you

回复
ekonomik-kadin.com说道：

2022年10月31日上午6:52

thank you

回复
ekonomi-doktoru.com说道：

2022年10月31日上午6:48

thank you

回复
ekonomi-uzmani.com说道：

2022年10月31日上午6:28

thank you

回复
ekonomi-kosesi.com说道：

2022年10月31日上午6:21

thank you

回复
diyet-dunyam.com说道：

2022年10月31日上午6:19

thank you

回复
ekonomik-adam.com说道：

2022年10月31日上午6:12

thank you

回复
teknoloji-kultur.com说道：

2022年10月30日下午8:45

thank you

回复
teknoloji-devi.com说道：

2022年10月30日下午8:42

thank you

回复
teknoloji-firsati.com说道：

2022年10月30日下午8:37

thank you

回复
eknolojik-adam.com说道：

2022年10月30日下午8:37

thank you

回复
teknolojik-dunya.com说道：

2022年10月30日下午8:32

thank you

回复
teknoloji-bilgisi.com说道：

2022年10月30日下午8:30

thank you

回复
eknoloji-dunyam.com说道：

2022年10月30日下午8:16

thank you

回复
teknolojik-bilgi.com说道：

2022年10月30日下午8:11

thank you

回复
teknolojik-yasam.com说道：

2022年10月30日下午8:11

thank you

回复
bilginler-dunyasi.com说道：

2022年10月30日上午9:36

thank you

回复
bilgin-insan.com说道：

2022年10月30日上午9:21

thank you

回复
bilim-kosesi.com说道：

2022年10月30日上午9:19

thank you

回复
bilimsel-hayat.com说道：

2022年10月30日上午9:19

thank you

回复
bilgili-adam.com说道：

2022年10月30日上午9:10

thank you

回复
bilimsel-dunya.com说道：

2022年10月30日上午9:10

thank you

回复
okul-dunyasi.com说道：

2022年10月30日上午9:05

thank you

回复
bilimsel-yasam.com说道：

2022年10月30日上午9:03

thank you

回复
okul-defterim.com说道：

2022年10月30日上午8:45

thank you

回复
okul-kosesi.com说道：

2022年10月30日上午8:35

thank you

回复
kişisel web sitesi örnekleri说道：

2022年10月30日上午6:20

Son dönemde Blog yazıları yazmaya önem verdim. Bunlarla ilgili araştırma yaparken örnek olarak sizi gördüm bir blog’da. Elinize sağlık.

回复
saglikli-hayat.com说道：

2022年10月30日上午3:34

thank you

回复
biletgaranti.com说道：

2022年10月30日上午3:20

thank you

回复
tekno-takip.com说道：

2022年10月30日上午3:16

thank you

回复
teknolojiekrani.com说道：

2022年10月30日上午3:09

thank you

回复
beyazmobilya.com说道：

2022年10月30日上午3:08

thank you

回复
teknikeller.net说道：

2022年10月30日上午3:06

thank you

回复
profectmarket.com说道：

2022年10月30日上午2:48

thank you

回复
seslisayfa.net说道：

2022年10月30日上午2:41

thank you

回复
delta-servis.net说道：

2022年10月30日上午2:27

thank you

回复
okul-vakti.com说道：

2022年10月29日下午6:14

thank you

回复
beyazhaberler.com说道：

2022年10月29日下午6:03

thank you

回复
kitap-dunyasi.net说道：

2022年10月29日下午5:57

thank you

回复
arabasorgulama.com说道：

2022年10月29日下午5:54

thank you

回复
forumkamp.com说道：

2022年10月29日下午5:50

thank you

回复
meb-haber.com说道：

2022年10月29日下午5:47

thank you

回复
neguzelhaber.com说道：

2022年10月29日上午9:55

thank you

回复
ermeydani.net说道：

2022年10月29日上午9:33

thank you

回复
sedasayan.net说道：

2022年10月29日上午9:33

thank you

回复
akpinaregitim.com说道：

2022年10月29日上午9:30

thank you

回复
taskaplama.org说道：

2022年10月29日上午9:25

thank you

回复

发表评论取消回复