1. @charset "utf-8";
  2. html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  3. margin: 0;
  4. padding: 0;
  5. -webkit-tap-highlight-color: rgba(255,255,255,0);
  6. -webkit-appearance: none;
  7. }
  8. article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  9. display: block;
  10. }
  11.  
  12. html{
  13. -webkit-text-size-adjust: none;
  14. text-size-adjust: none;
  15. height: 100%;
  16. font-size: 62.5%;
  17. -webkit-font-smoothing: antialiased;
  18. background: #eeeeee;
  19. }
  20.  
  21. body{
  22. -webkit-touch-callout: none;
  23. -webkit-text-size-adjust: none;
  24. -webkit-user-select: none;
  25. -webkit-highlight: none;
  26. -webkit-tap-highlight-color: rgba(0,0,0,0);
  27. font-size: 1.6rem;
  28. color: #252525;
  29. min-height: 100%;
  30. }
  31.  
  32. body, button, input, select, textarea , pre {
  33. font-family: Helvetica, Tahoma, Arial, STHeiti;
  34. }
  35.  
  36. ul,ol {
  37. list-style: none;
  38. }
  39.  
  40. a {
  41. text-decoration: none;
  42. color: #252525;
  43. -webkit-touch-callout:none;
  44. }
  45.  
  46. a.active {
  47. text-decoration: underline;
  48. }
  49.  
  50. fieldset, img {
  51. border:0;
  52. }
  53.  
  54. table {
  55. border-collapse:collapse;
  56. border-spacing:0;
  57. }
  58.  
  59. textarea {
  60. resize:vertical;
  61. }
  62.  
  63. em,i {
  64. font-style: normal;
  65. }
  66.  
  67. button {
  68. cursor:pointer;
  69. }
  70.  
  71. input[type="submit"],
  72. input[type="button"] {
  73. -webkit-tap-highlight-color:rgba(0,0,0,0);
  74. -webkit-appearance:none;
  75. }
  76.  
  77. *:focus {
  78. outline:0;
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. width: 0;
  83. }
  84.  
  85. input::-ms-input-placeholder {
  86. line-height: normal;
  87. }
  88.  
  89. input::-webkit-input-placeholder {
  90. line-height: normal;
  91. }
  92.  
  93. @font-face {
  94. font-family:'base';
  95. src: url("font/base.woff") format("woff"), url("font/base.otf");
  96. }
  97.  
  98. select {
  99. border: solid 1px #ccc;
  100. appearance:none;
  101. -moz-appearance:none;
  102. -webkit-appearance:none;
  103. border-radius: 0;
  104. background: url("../image/icon_select.jpg") no-repeat scroll right center transparent;
  105. background-size: 18px 26px;
  106. }
  107.  
  108. select::-ms-expand {
  109. display: none;
  110. }
  111.  
  112. .dbox {
  113. display: -moz-box; /* Firefox */
  114. display: -webkit-box; /* Safari and Chrome */
  115. display: box;
  116. }
  117. .box-flex1 {
  118. -moz-box-flex: 1;
  119. -webkit-box-flex: 1;
  120. box-flex: 1;
  121. }
  122. .ellipsis {
  123. white-space: nowrap;
  124. text-overflow: ellipsis;
  125. overflow: hidden;
  126. }
  127.  
  128. .ellipsis {
  129. white-space: nowrap;
  130. text-overflow: ellipsis;
  131. overflow: hidden;
  132. }
  133.  
  134. .wordwrap {
  135. word-break:break-all;
  136. word-wrap:break-word;
  137. }

  

无线端通用的reset样式的更多相关文章

  1. 无线端web开发学习总结

    无线web开发之前要做一些准备工作:一.必需的reset样式库1.其中的重点是盒模型box-sizing:由原来pc端的content-box改为border-box. *, *:before, *: ...

  2. javascript无线端的判断

    经常在工作中要求网页做这样的处理判断:针对无线端的网页,我们需要兼容一种异于PC端的网页效果. 如下代码就可以实现无线端的判断: var mobs = ['android', 'ipad', 'ipo ...

  3. 那些过目不忘的无线端交互设计(DRIBBBLE GIF动态图)

    Dribbble精选:Dribbble上令人惊叹的无线端交互设计!来自全球牛人们的奇思妙想,新颖动人的交互在这一张张GIF动态图上一览无余!当然界面一样打动人心,腾出手点赞的同时!记得另存哟:) 作者 ...

  4. STM32W108无线射频模块通用IO接口应用实例

    STM32W108无线射频模块通用IO接口应用实例 本实例编写STM32W108的GPIO測试程序,通过控制GPIO引脚,实现对LED灯的控制. 开发环境与硬件说明 硬件:STM32W108无线开发板 ...

  5. 无线端安全登录与鉴权一之Kerberos

    无线端登录与鉴权是安全登录以及保证用户数据安全的第一步,也是最重要的一步.之前做过一个安全登录与鉴权的方案,借这个机会,系统的思考一下,与大家交流交流 先介绍一下TX系统使用的Kerberos方案,参 ...

  6. 单端通用ISM频段接收器 Si4313

    Si4313芯片是单端通用ISM频段接收器,工作频率为240-960MHz,可编程接收频率带宽为2.6-260kHz,接收灵敏度为-118dBm,数据速率为0.2-128kb/s,采用FSK.GFSK ...

  7. iis 如何搭建url 重定向,实现无线端和pc端不同的跳转

    第一步,下载安装ARR(Application Request Routing), http://www.iis.net/downloads/microsoft/application-request ...

  8. 移动端(处理边距样式)reset.css

    移动端reset.css,来自张鑫旭网站的推荐,下载地址:https://huruqing.gitee.io/demos/source/reset.css 代码 /* html5doctor.com ...

  9. 封装好通用的reset.css base.css 样式重置css文件

    一般是叫reset.css 我这边命名成base.css 哎呀无所谓…… @charset "UTF-8"; /*css reset*/ /*清除内外边距*/ body, h1, ...

随机推荐

  1. 解决SecureCRT连接linux超时后断开

    出自:http://blog.csdn.net/zljjava/article/details/20285679 1.从客户端入手: 2.从服务器端入手(需要服务器权限) 修改/etc/ssh/ssh ...

  2. Project Euler 101 :Optimum polynomial 最优多项式

    Optimum polynomial If we are presented with the first k terms of a sequence it is impossible to say ...

  3. iOS 开发--多线程

    前面在<Bison眼中的iOS开发多线程是这样的(二)>一文中讲完了多线程的NSThread,不难发现这种方式的多线程实现起来非常的复杂,为了简化多线程的开发,iOS提供了GCD来实现多线 ...

  4. JavaPersistenceWithHibernate第二版笔记-第五章-Mapping value types-002使用@Embeddable

    一.数据库 二.代码 1. package org.jpwh.model.simple; import javax.persistence.Column; import javax.persisten ...

  5. Java-马士兵设计模式学习笔记-观察者模式-AWT简单例子

    1.AWT简单例子 TestFrame.java import java.awt.Button; import java.awt.Frame; import java.awt.event.Action ...

  6. Linux系统管道命令符

    管道命令符“|”的作用是将前一个命令的标准输出作为后一个命令的标准输入,格式为“命令A | 命令B” 以下实例中,通过grep命令搜索关键字“/sbin/nologin”在/etc/passwd中查找 ...

  7. Oracle Demo ->> CREATE TABLE

    Demo One CREATE TABLE employees_demo ( employee_id ) , first_name ) , last_name ) CONSTRAINT emp_las ...

  8. Windows下搭建Android开发环境

    1.下载eclipse google eclipse,到官网去下载最新版的,推荐java ee版本的,当然你要用android版本或者standard也无妨 2.下载android sdk,安装相关的 ...

  9. Spring Boot MyBatis 通用Mapper插件集成

    Mybatis在使用过程中需要三个东西,每张表对应一个XXMapper.java接口文件,每张表对应一个XXMapper.xml文件,每张表对应一个Entity的Java文件.   其中XXMappe ...

  10. activeMQ主要的几类集群部署方式

    官方主从实现的文档:http://activemq.apache.org/masterslave.html   一.activeMQ主要的几类部署方式比较 1.默认的单机部署(kahadb) acti ...