无线端通用的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, ...
随机推荐
- Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。
点这里 在线效果演示:http://raphaeljs.com/pie.html http://raphaeljs.com github: https://github.com/DmitryBaran ...
- ListView的item选中效果
有时app会需要点击某个item并实现选中的效果,例如做pad时用Fragment实现的左侧列表右侧内容的效果,点击左侧某一个item后会高亮选中 有时简单的使用setSelected(boolean ...
- POJ 1279 Art Gallery(半平面交求多边形核的面积)
题目链接 题意 : 求一个多边形的核的面积. 思路 : 半平面交求多边形的核,然后在求面积即可. #include <stdio.h> #include <string.h> ...
- EOF的一点注记
int ch; while( (ch = getchar()) != EOF ) { putchar(ch); } 执行程序,输入:we are the,然后回车.运行结果如下: [purple@lo ...
- Gradle Goodness: Using and Working with Gradle Version
To get the current Gradle version we can use the gradleVersion property of the Gradle object. This r ...
- ubuntu common
系统信息 # uname -a # 查看内核/操作系统/CPU信息 # cat /etc/issue # 查看操作系统版本 #cat /proc/version ...
- Path Sum的变体
早上看到一个面经题跟Path Sum很像, 给一个TreeNode root和一个target,找到一条从根节点到leaf的路径,其中每个节点和等于target. 与Path Sum不同是, Path ...
- Java:IO流之转换流
IO流的基本流情况: 字符流: 字符流缓冲区: FileReader BufferedReader FileWriter ...
- NET在SQL Server中的图片存取技术
本文总结如何在.Net WinForm和.Net WebForm(asp.net)中将图片存入SQL Server中并读取显示的方法 .1.使用asp.net将图片上传并存入SQL Server中,然 ...
- kafka安装及常用命令
kafka是一个开源的分布式消息队列 他提供可靠的集群容错机制,并保证故障切换时的数据完整性. 无论从性能.可靠性.易用性都强过ActiveMQ(client的API感觉还是不如ActiveMQ好用, ...