码迷,mamicode.com
首页 > 移动开发 > 详细

移动端公共样式

时间:2015-06-24 18:23:06      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

html,body,div,span,object,iframe,h1,h2,h3,h5,h6,p,a,abbr,em,img,address,big,small;strong,label,strike,sub,sup,table,tbody,thead,tfoot,var,tt,i,caption,details,tr,th,td,article,aside,canvas,figure,figcaption,header,footer,hgroup,menu,nav,section,video,input,select,button,q,{margin:0;padding:0;border:0;font-size:1em;font-family:‘微软雅黑‘,Arial;}

ul,ol,li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}
.fl{float:left;} .fr{float:right; .cf{zoom:1;} .cf:after{content:"",display:table;cleat:both;overflow:hidden;} a{text-decoration:none;color:#000;} a, button, input,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none; } select{-webkit-appearance:none;}

input[type="submit"],input[type="reset"],input[type="button"],button{ -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} input::-webkit-input-placeholder {color:#ccc;} input:-moz-placeholder {color:#ccc;}

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash;

iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容,为了更好的效果,可能需要使iframe透明效果.

iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent" ;

<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO",<abbr title="xxxxxxx">xxx</abbr>;

<address> 标签定义文档或文章的作者/拥有者的联系信息。如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行;

浏览器显示包含在 <big> 标签和其相应的 </big> 标签之间的文字时,其字体比周围的文字要大一号。但是,如果文字已经是最大号字体,这个 <big> 标签将不起任何作用。更妙的是,可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号,直到上限 7 号文本,正如字体模型所定义的那样。但是使用 <big> 标签的时候还是要小心,因为浏览器总是很宽大地试图去理解各种标签,对于那些不支持 <big> 标签的浏览器来说,它经常将其认为是粗体字标签;<small>相反;

<q>标签定义短的引用;

<strike> 标签可定义加删除线文本定义;

<sub> 标签可定义下标文本。包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的;<sup>下标。

移动端公共样式

标签:

原文地址:http://www.cnblogs.com/qianrong/p/4598110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!