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;}


1,553 thoughts on “CSS设计规范(1)基础设置”

  • Hi, I think your site might be having browser compatibility issues. When I look at your website in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, fantastic blog!

  • Pretty great post. I just stumbled upon your weblog and wished to say that I have truly enjoyed browsing your weblog posts. In any case I will be subscribing in your feed and I am hoping you write once more soon!|

  • Hi superb website! Does running a blog similar to this require a lot of work? I’ve no understanding of coding but I was hoping to start my own blog in the near future. Anyway, if you have any ideas or techniques for new blog owners please share. I know this is off topic however I just wanted to ask. Thanks!|

  • read more info https://easybookmark.win/story.php?title=a-number-of-the-benefits-that-guys-will-surely-have-simply-with-grownup-sex-dolls#discusshttps://www.instapaper.com/p/visechillpvcarcher0http://shorl.com/tygobanahubrihttp://b3.zcubes.com/bloghome.htmhttps://saveyoursite.date/story.php?title=some-rudimentary-and-important-items-to-check-out-prior-to-buying-a-japoneses-sex-dolls#discusshttp://wernercochran9787.fikket.com/https://lovebookmark.win/story.php?title=expertise-managing-a-sex-doll#discusshttps://www.instapaper.com/p/visechillpvcarcher0https://bizsugar.win/story.php?title=tricks-to-stay-away-from-con-while-investing-in-a-sex-doll#discusshttp://sexdoll013.jigsy.com/entries/general/Mini-Sex-Doll-Reviews–Tips0Ahttps://instapages.stream/story.php?title=man-sex-dolls-getting-pleasure-to-men-and-women-alike#discusshttp://harrislisa72.com/members/sexdolls078/activity/76663/https://www.openlearning.com/u/chorddiggerteamegypt2/blog/UsingAndExploringTheSiliconSpousesWebsitehttp://appstunes.com/story.php?title=utilizing-and-exploring-the-plastic-wives-website#discusshttps://bookmarkfeeds.stream/story.php?title=secure-confidential-and-very-discreet-order-satisfaction-and-delivery#discusshttps://mensvault.men/story.php?title=suggestions-to-select-a-safe-and-sound-on-the-web-doll-keep-to-prevent-frauds#discusshttp://www.myeducationalshop.com/members/lovedoll019/activity/163752/https://quoras.trade/story.php?title=the-sensible-visual-appeal-of-plastic-sex-doll-excites-anyone-quickly#discusshttps://freebookmarkstore.win/story.php?title=sense-excessive-enjoyment-throughout-sexual-dream-with-sex-doll-sex-playthings#discusshttps://bookmarkzones.trade/story.php?title=top7reasonstobuyalife-dimension-sex-dolltoday#discusshttp://opensocialfactory.com/submithttps://coolpot.stream/story.php?title=real-sex-dolls-lucky-with-many-fantastic-traits#discusshttps://yourbookmark.stream/story.php?title=sex-doll-dialogue-discussion-boards-and-towns#discusshttps://xypid.win/story.php?title=reasonable-sex-dolls-to-enhance-your-sex-experience-on-sleep#discusshttps://freebookmarkstore.win/story.php?title=sense-excessive-enjoyment-throughout-sexual-dream-with-sex-doll-sex-playthings#discusshttps://xypid.win/story.php?title=5-causes-you-should-consider-presenting-sex-dolls-in-your-spouse#discusshttp://wernercochran9787.fikket.com/https://www.openlearning.com/u/sexdolls282/blog/SensibleMiniSexDollsFilterBodySmallTinySmallAppreciateDollhttps://www.blackplanet.com/glidermarychordslope/message/22104957

  • A person essentially help to make seriously posts I would state. That is the very first time I frequented your web page and thus far? I amazed with the research you made to create this actual publish incredible. Fantastic task!|

  • I have been browsing online more than 3 hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my view, if all webmasters and bloggers made good content as you did, the internet will be a lot more useful than ever before.|

  • I know this if off topic but I’m looking into starting my own blog and was curious what all is required to get set up? I’m assuming having a blog like yours would cost a pretty penny? I’m not very internet savvy so I’m not 100 certain. Any tips or advice would be greatly appreciated. Appreciate it|

  • Hello there! This post couldn’t be written any better! Reading this post reminds me of my previous room mate! He always kept talking about this. I will forward this write-up to him. Fairly certain he will have a good read. Thank you for sharing!|

  • I’m impressed, I must say. Rarely do I come across a blog that’s both equally educative and amusing, and without a doubt, you’ve hit the nail on the head. The issue is something that too few men and women are speaking intelligently about. Now i’m very happy I stumbled across this in my search for something relating to this.

  • I’m impressed, I have to admit. Seldom do I encounter a blog that’s both educative and engaging, and without a doubt, you have hit the nail on the head. The issue is something not enough men and women are speaking intelligently about. I’m very happy I found this during my hunt for something concerning this.|

  • Hello there! I know this is kind of off topic but I was wondering which blog platform are you using for this site? I’m getting tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be awesome if you could point me in the direction of a good platform.|

  • Wonderful beat ! I would like to apprentice at the same time as you amend your web site, how could i subscribe for a blog site? The account helped me a applicable deal. I had been tiny bit familiar of this your broadcast provided shiny transparent concept|

  • Thanks , I’ve recently been searching for info about this topic for ages and yours is the best I have discovered till now. However, what concerning the conclusion? Are you certain about the supply?|

  • You could definitely see your expertise within the article you write. The arena hopes for even more passionate writers such as you who aren’t afraid to mention how they believe. Always follow your heart.|

  • Hey there! Would you mind if I share your blog with my facebook group? There’s a lot of people that I think would really appreciate your content. Please let me know. Thank you|

  • Have you ever thought about adding a little bit more than just your articles? I mean, what you say is fundamental and all. But imagine if you added some great visuals or video clips to give your posts more, “pop”! Your content is excellent but with images and clips, this blog could certainly be one of the very best in its field. Great blog!|

  • hey there and thank you for your information – I’ve definitely picked up anything new from right here. I did however expertise some technical issues using this web site, as I experienced to reload the site lots of times previous to I could get it to load properly. I had been wondering if your hosting is OK? Not that I’m complaining, but slow loading instances times will sometimes affect your placement in google and could damage your quality score if advertising and marketing with Adwords. Well I’m adding this RSS to my e-mail and can look out for a lot more of your respective exciting content. Make sure you update this again soon.|

  • magnificent publish, very informative. I’m wondering why the other specialists of this sector do not realize this. You should proceed your writing. I am confident, you have a great readers’ base already!|

  • The next time I read a blog, Hopefully it does not fail me as much as this particular one. I mean, Yes, it was my choice to read, however I actually believed you would have something helpful to say. All I hear is a bunch of crying about something that you could fix if you weren’t too busy searching for attention.

  • Many years ago, we were told that every resume needs to include a group of bullet-point duties and responsibilities beside every employment we’ve ever had – and the more the better. Not anymore! Today, employers are going to only devote a few seconds (maybe even less) when skimming through your resume. Don’t use the duties and responsibilities resume template!

  • Hey very nice website!! Guy .. Beautiful .. Superb .. I will bookmark your web site and take the feeds additionally…I’m glad to search out numerous useful information right here within the put up, we need develop more strategies in this regard, thank you for sharing.

  • A fascinating discussion is worth comment. I do believe that you ought to publish more about this subject matter, it might not be a taboo subject but generally people don’t discuss such topics. To the next! All the best!!|

  • Hi there! This blog post couldn’t be written much better! Looking through this post reminds me of my previous roommate! He continually kept preaching about this. I’ll send this article to him. Pretty sure he will have a great read. Thank you for sharing!|

  • Nice post. I learn something totally new and challenging on blogs I stumbleupon everyday. It will always be useful to read through articles from other authors and practice something from other websites. |

  • What’s Taking place i’m new to this, I stumbled upon this I’ve discovered It absolutely useful and it has aided me out loads. I am hoping to give a contribution & aid different customers like its helped me. Good job.|

  • Hello there, just changed into aware of your weblog via Google, and located that it is truly informative. I’m gonna watch out for brussels. I will appreciate if you happen to proceed this in future. Numerous other people will probably be benefited out of your writing. Cheers!|

发表评论

邮箱地址不会被公开。 必填项已用*标注

6 ÷ 1 =