无线端通用的reset样式
- @charset "utf-8";
- 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 {
- margin: 0;
- padding: 0;
- -webkit-tap-highlight-color: rgba(255,255,255,0);
- -webkit-appearance: none;
- }
- article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
- display: block;
- }
- html{
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- height: 100%;
- font-size: 62.5%;
- -webkit-font-smoothing: antialiased;
- background: #eeeeee;
- }
- body{
- -webkit-touch-callout: none;
- -webkit-text-size-adjust: none;
- -webkit-user-select: none;
- -webkit-highlight: none;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- font-size: 1.6rem;
- color: #252525;
- min-height: 100%;
- }
- body, button, input, select, textarea , pre {
- font-family: Helvetica, Tahoma, Arial, STHeiti;
- }
- ul,ol {
- list-style: none;
- }
- a {
- text-decoration: none;
- color: #252525;
- -webkit-touch-callout:none;
- }
- a.active {
- text-decoration: underline;
- }
- fieldset, img {
- border:0;
- }
- table {
- border-collapse:collapse;
- border-spacing:0;
- }
- textarea {
- resize:vertical;
- }
- em,i {
- font-style: normal;
- }
- button {
- cursor:pointer;
- }
- input[type="submit"],
- input[type="button"] {
- -webkit-tap-highlight-color:rgba(0,0,0,0);
- -webkit-appearance:none;
- }
- *:focus {
- outline:0;
- }
- ::-webkit-scrollbar {
- width: 0;
- }
- input::-ms-input-placeholder {
- line-height: normal;
- }
- input::-webkit-input-placeholder {
- line-height: normal;
- }
- @font-face {
- font-family:'base';
- src: url("font/base.woff") format("woff"), url("font/base.otf");
- }
- select {
- border: solid 1px #ccc;
- appearance:none;
- -moz-appearance:none;
- -webkit-appearance:none;
- border-radius: 0;
- background: url("../image/icon_select.jpg") no-repeat scroll right center transparent;
- background-size: 18px 26px;
- }
- select::-ms-expand {
- display: none;
- }
- .dbox {
- display: -moz-box; /* Firefox */
- display: -webkit-box; /* Safari and Chrome */
- display: box;
- }
- .box-flex1 {
- -moz-box-flex: 1;
- -webkit-box-flex: 1;
- box-flex: 1;
- }
- .ellipsis {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .ellipsis {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .wordwrap {
- word-break:break-all;
- word-wrap:break-word;
- }
无线端通用的reset样式的更多相关文章
- 无线端web开发学习总结
无线web开发之前要做一些准备工作:一.必需的reset样式库1.其中的重点是盒模型box-sizing:由原来pc端的content-box改为border-box. *, *:before, *: ...
- javascript无线端的判断
经常在工作中要求网页做这样的处理判断:针对无线端的网页,我们需要兼容一种异于PC端的网页效果. 如下代码就可以实现无线端的判断: var mobs = ['android', 'ipad', 'ipo ...
- 那些过目不忘的无线端交互设计(DRIBBBLE GIF动态图)
Dribbble精选:Dribbble上令人惊叹的无线端交互设计!来自全球牛人们的奇思妙想,新颖动人的交互在这一张张GIF动态图上一览无余!当然界面一样打动人心,腾出手点赞的同时!记得另存哟:) 作者 ...
- STM32W108无线射频模块通用IO接口应用实例
STM32W108无线射频模块通用IO接口应用实例 本实例编写STM32W108的GPIO測试程序,通过控制GPIO引脚,实现对LED灯的控制. 开发环境与硬件说明 硬件:STM32W108无线开发板 ...
- 无线端安全登录与鉴权一之Kerberos
无线端登录与鉴权是安全登录以及保证用户数据安全的第一步,也是最重要的一步.之前做过一个安全登录与鉴权的方案,借这个机会,系统的思考一下,与大家交流交流 先介绍一下TX系统使用的Kerberos方案,参 ...
- 单端通用ISM频段接收器 Si4313
Si4313芯片是单端通用ISM频段接收器,工作频率为240-960MHz,可编程接收频率带宽为2.6-260kHz,接收灵敏度为-118dBm,数据速率为0.2-128kb/s,采用FSK.GFSK ...
- iis 如何搭建url 重定向,实现无线端和pc端不同的跳转
第一步,下载安装ARR(Application Request Routing), http://www.iis.net/downloads/microsoft/application-request ...
- 移动端(处理边距样式)reset.css
移动端reset.css,来自张鑫旭网站的推荐,下载地址:https://huruqing.gitee.io/demos/source/reset.css 代码 /* html5doctor.com ...
- 封装好通用的reset.css base.css 样式重置css文件
一般是叫reset.css 我这边命名成base.css 哎呀无所谓…… @charset "UTF-8"; /*css reset*/ /*清除内外边距*/ body, h1, ...
随机推荐
- 解决SecureCRT连接linux超时后断开
出自:http://blog.csdn.net/zljjava/article/details/20285679 1.从客户端入手: 2.从服务器端入手(需要服务器权限) 修改/etc/ssh/ssh ...
- Project Euler 101 :Optimum polynomial 最优多项式
Optimum polynomial If we are presented with the first k terms of a sequence it is impossible to say ...
- iOS 开发--多线程
前面在<Bison眼中的iOS开发多线程是这样的(二)>一文中讲完了多线程的NSThread,不难发现这种方式的多线程实现起来非常的复杂,为了简化多线程的开发,iOS提供了GCD来实现多线 ...
- JavaPersistenceWithHibernate第二版笔记-第五章-Mapping value types-002使用@Embeddable
一.数据库 二.代码 1. package org.jpwh.model.simple; import javax.persistence.Column; import javax.persisten ...
- Java-马士兵设计模式学习笔记-观察者模式-AWT简单例子
1.AWT简单例子 TestFrame.java import java.awt.Button; import java.awt.Frame; import java.awt.event.Action ...
- Linux系统管道命令符
管道命令符“|”的作用是将前一个命令的标准输出作为后一个命令的标准输入,格式为“命令A | 命令B” 以下实例中,通过grep命令搜索关键字“/sbin/nologin”在/etc/passwd中查找 ...
- Oracle Demo ->> CREATE TABLE
Demo One CREATE TABLE employees_demo ( employee_id ) , first_name ) , last_name ) CONSTRAINT emp_las ...
- Windows下搭建Android开发环境
1.下载eclipse google eclipse,到官网去下载最新版的,推荐java ee版本的,当然你要用android版本或者standard也无妨 2.下载android sdk,安装相关的 ...
- Spring Boot MyBatis 通用Mapper插件集成
Mybatis在使用过程中需要三个东西,每张表对应一个XXMapper.java接口文件,每张表对应一个XXMapper.xml文件,每张表对应一个Entity的Java文件. 其中XXMappe ...
- activeMQ主要的几类集群部署方式
官方主从实现的文档:http://activemq.apache.org/masterslave.html 一.activeMQ主要的几类部署方式比较 1.默认的单机部署(kahadb) acti ...