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）基础设置”

instagram sex hilesisi说道：

2022年12月10日上午9:00

haosever instagram porno hilesi Karakartal55

回复
instagram sex satın al说道：

2022年12月10日上午8:47

kezzaplaketcap instagram sex satın al _bunlarheptuzak12

回复
instagram sex satın al说道：

2022年12月10日上午8:47

cengaver6787 instagram sex satın al cıkınartıkhesabımdan

回复
instagram sex satın al说道：

2022年12月10日上午8:47

LastQos instagram sex satın al VC321xb47

回复
instagram sex satın al说道：

2022年12月10日上午8:43

MltmnurNur instagram sex satın al serserimsema01

回复
instagram sex satın al说道：

2022年12月10日上午8:42

brczn03 instagram sex satın al 1.02.2003

回复
instagram sex satın al说道：

2022年12月10日上午8:41

thevuraal instagram sex satın al sasunarutaekookk

回复
instagram sex satın al说道：

2022年12月10日上午8:40

sedamiii instagram sex satın al 10487731540tcno

回复
instagram sex satın al说道：

2022年12月10日上午8:39

a_few_good_me instagram sex satın al YUTZVP1163

回复
Jaimee Pompi说道：

2022年12月10日上午6:39

Thank you for your help and this post. It’s been great.

回复
gümüşhane ekonomi sitesi说道：

2022年12月10日上午4:51

thank you

回复
erzurum ekonomi sitesi说道：

2022年12月10日上午4:50

thank you

回复
erzincan ekonomi sitesi说道：

2022年12月10日上午4:49

thank you

回复
gaziantep ekonomi sitesi说道：

2022年12月10日上午4:47

thank you

回复
hakkari ekonomi sitesi说道：

2022年12月10日上午4:45

thank you

回复
giresun ekonomi sitesi说道：

2022年12月10日上午4:43

thank you

回复
eskişehir ekonomi sitesi说道：

2022年12月10日上午4:35

thank you

回复
çanakkale ekonomi sitesi说道：

2022年12月10日上午12:57

thank you

回复
edirne ekonomi sitesi说道：

2022年12月10日上午12:48

thank you

回复
çorum ekonomi sitesi说道：

2022年12月10日上午12:40

thank you

回复
çankırı ekonomi sitesi说道：

2022年12月10日上午12:31

thank you

回复
elazığ ekonomi sitesi说道：

2022年12月10日上午12:25

thank you

回复
düzce ekonomi sitesi说道：

2022年12月10日上午12:07

thank you

回复
Brockenhaus basel说道：

2022年12月9日下午5:10

Nice,good job bro.

回复
Kathrin Mcnamar说道：

2022年12月9日上午8:09

Thanks for your help and for writing this post. It’s been great.

回复
Madison Plainy说道：

2022年12月9日上午3:48

Thank you for writing such an excellent article. It helped me a lot and I love the topic.

回复
izmir tadilat说道：

2022年12月9日上午3:47

Hello, we are making a difference to the world with our elborweltech brand, can you take a look at our article that we have prepared for you?

回复
adana ekonomi sitesi说道：

2022年12月9日上午3:10

thank you

回复
afyon ekonomi sitesi说道：

2022年12月9日上午3:06

thank you

回复
ankara ekonomi sitesi说道：

2022年12月9日上午3:03

thank you

回复
adıyaman ekonomi sitesi说道：

2022年12月9日上午3:02

thank you

回复
ağrı ekonomi sitesi说道：

2022年12月9日上午2:52

thank you

回复
kilis eğitim sitesi说道：

2022年12月8日下午7:44

thank you

回复
karabük eğitim sitesi说道：

2022年12月8日下午7:33

thank you

回复
kars eğitim sitesi说道：

2022年12月8日下午7:31

thank you

回复
kastamonu eğitim sitesi说道：

2022年12月8日下午7:27

thank you

回复
kayseri eğitim sitesi说道：

2022年12月8日下午7:22

thank you

回复
Ergun Oto Yedek Parça说道：

2022年12月8日下午4:45

Ergün Oto Yedek Parça – Oto Yedek Parça Satın Al

回复
hakkari eğitim haberleri说道：

2022年12月8日下午3:29

thank you

回复
hatay eğitim haberleri说道：

2022年12月8日下午3:28

thank you

回复
erzurum eğitim sitesi说道：

2022年12月8日下午3:25

thank you

回复
gaziantep eğitim haberleri说道：

2022年12月8日下午3:20

thank you

回复
eskişehir eğitim haberleri说道：

2022年12月8日下午3:10

thank you

回复
giresun eğitim haberleri说道：

2022年12月8日下午3:02

thank you

回复
gümüşhane eğitim haberleri说道：

2022年12月8日下午2:55

thank you

回复
diyarbakır eğitim sitesi说道：

2022年12月8日上午9:16

thank you

回复
Avokado satın al说道：

2022年12月8日上午8:59

Thank you for this beautiful content. I will visit your site more often now and spend a useful time.

回复
çorum eğitim sitesi说道：

2022年12月8日上午8:59

than you

回复
denizli eğitim sitesi说道：

2022年12月8日上午8:47

thank you

回复
elazığ eğitim sitesi说道：

2022年12月8日上午8:26

thank you

回复

发表评论取消回复