文档章节

工作常用的CSS公共初始化代码

沐风storm
 沐风storm
发布于 2016/10/19 21:26
字数 616
阅读 43
收藏 0
/*Copyright.Colin.Mobile*/
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{margin: 0;padding: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var{font-style: normal;font-weight: normal;}
ol, ul{list-style: none;}
caption, th{text-align: left;}
div{word-wrap:break-word;word-break:break-all;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
table{table-layout: fixed;}
iframe{background-color: white;}
input[type="text"], input[type="password"], select{font-size: 13px;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-appearance:none;-moz-appearance: none;appearance:none;outline:none;background: none;}
input[type="button"], input[type="submit"], input[type="reset"], select{border: 0;-webkit-appearance: none;-moz-appearance: none;appearance:none;box-shadow: none;cursor:pointer;outline:none;}
textarea{overflow: auto;font-size:12px;resize: none;-webkit-appearance:none;outline:none;}
body{margin: 0;padding: 0;letter-spacing:.3px;color: #666;font:13px/1.120 'Helvetica Neue',Helvetica,Arial,sans-serif,"Microsoft YaHei";}
a{text-decoration: none;color: #777;}
a:hover{color: #333;cursor: pointer;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block}
img{max-width: 100%;height: auto;display: inline-block;vertical-align: middle;}
:focus{outline: 0}


.f10{font-size: 10px}
.f12{font-size: 12px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f24{font-size: 24px}
.f28{font-size: 28px}
.f32{font-size: 32px}
.f36{font-size: 36px}
.fw{font-weight: 400}
.fb{font-weight: bold}
.fYaHei{font-family: \5FAE\8F6F\96C5\9ED1}
.fn{font-weight: normal}
.t2{text-indent: 2em}
.lh150{line-height: 150%}
.lh180{line-height: 180%}
.lh200{line-height: 200%}
.lh300{line-height: 300%}
.tdu{text-decoration: underline;}
.tdn{text-decoration: none;}

.tl{text-align: left}
.tc{text-align: center}
.tr{text-align: right}
.bc{margin-left: auto;margin-right: auto;}
.fl{float: left;display: inline}
.fr{float: right;display: inline}
.clear{clear: both}
.cl{clear: left}
.cr{clear: right}
.vm{vertical-align: middle}
.pr{position: relative}
.pa{position: absolute}
.zoom{zoom: 1}
.hidden{visibility: hidden}
.none{display: none}
.db{display: block}
.dib{display: inline-block}
.oh{overflow: hidden}
.cb{clear: both}

.w200{width: 200px}
.w250{width: 250px}
.w300{width: 300px}
.w1000{width: 1000px}
.w{width: 100%}
.w2{width: 50%}
.w3{width: 33.3%}
.h{height: 100%}

.ma{margin: 0 auto}
.m10{margin: 10px}
.m15{margin: 15px}
.m30{margin: 30px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt100{margin-top: 100px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px}
.mb100{margin-bottom: 100px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml40{margin-left: 40px}
.ml50{margin-left: 50px}
.ml100{margin-left: 100px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr30{margin-right: 30px}
.mr40{margin-right: 40px}
.mr50{margin-right: 50px}
.mr100{margin-right: 100px}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p30{padding: 30px;}
.pt5{padding-top: 5px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px}
.pt30{padding-top: 30px}
.pt50{padding-top: 50px}
.pb5{padding-bottom: 5px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb30{padding-bottom: 30px}
.pb50{padding-bottom: 50px}
.pb100{padding-bottom: 100px}
.pl5{padding-left: 5px}
.pl10{padding-left: 10px}
.pl15{padding-left: 15px}
.pl20{padding-left: 20px}
.pl30{padding-left: 30px}
.pl50{padding-left: 50px}
.pl100{padding-left: 100px}
.pr5{padding-right: 5px}
.pr10{padding-right: 10px}
.pr15{padding-right: 15px}
.pr20{padding-right: 20px}
.pr30{padding-right: 30px}
.pr50{padding-right: 50px}
.pr100{padding-right: 100px}

.op30{opacity: 0.5;filter: alpha(opacity=30);}
.op50{opacity: 0.5;filter: alpha(opacity=50);}
.op80{opacity: 0.8;filter: alpha(opacity=80);}
.br3{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.br5{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.br10{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.br15{border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.wot{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ig{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.w1060{width:1060px;margin: 0 auto;position: relative;}

 

© 著作权归作者所有

沐风storm
粉丝 0
博文 10
码字总数 4795
作品 0
武汉
程序员
私信 提问
利用scss公共库实现样式和业务组件解耦, 快速提高开发效率!

一款好的效率工具应该具备哪些特点? 简单 解决重复性问题,让我们早下班 首先我们来写一个简单的vue组件 解析这个组件 这个组件的样式由两部分组成 : 1、组件内部样式 2、公共样式(ellip...

fanyang
11/01
0
0
webpack4-用之初体验,一起敲它十一遍

众所周知,webpack进入第4个大版本已经有2个月的时间了,而且webpack团队升级更新的速度也是非常的惊人 在写下如下内容的时候webpack已经出到了4.6的版本了,剑指5.0应该是指日可待了,当然这...

a独家记忆
2018/06/01
0
0
webpack4手动搭建Vue开发环境实现todoList项目

前言 平常在工作开发中,为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境,确实这种工具是节省了我们不少时间,但是你有没有想过Vue开发环境是如何搭建起来的?还有如果是你自己...

茉莉灬纯洁的白
05/16
0
0
手把手教你从零认识webpack4.0

前言: 作为一个现代javascript 应用程序的静态模块打包器,webpack能将各种资源,如js,css, 图片等作为模块来处理,是当下前端工程化的一个很受欢迎的工具,webpack目前最新的版本是4.0,...

不做祖国的韭菜
2018/10/26
0
0
从零认识webpack4.0,带你走进神秘的webpack

前言: 作为一个现代javascript 应用程序的静态模块打包器,webpack能将各种资源,如js,css, 图片等作为模块来处理,是当下前端工程化的一个很受欢迎的工具,webpack目前最新的版本是4.0,...

前端老鸟
07/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java自学指南五、编码工具

工欲善其事,必先利其器... 想要高效率编码输出和快速处理文本,需要 熟悉编程语言的语法 盲打 至少需要熟练使用一种文本编辑器 至少熟练熟练使用一种 IDE (集成开发环境) 现实中,看到过二指...

ConstXiong
30分钟前
4
0
Java 集合框架

早在 Java 2 中之前,Java 就提供了特设类。比如:Dictionary, Vector, Stack, 和 Properties 这些类用来存储和操作对象组。 虽然这些类都非常有用,但是它们缺少一个核心的,统一的主题。由...

天子剑毅
45分钟前
7
0
Oracle 回滚段

--查询数据文件 select t.TABLESPACE_NAME, --表空间名 t.FILE_NAME, --文件名 t.AUTOEXTENSIBLE, --是否自动扩展 t.BYTES / 1024 / 1024 as tsize, --表空间初始大小 t.MAXBYTE...

max佩恩
54分钟前
6
0
在Serverless Kubernetes(ASK)集群中使用Nginx Ingress

ASK: Alibaba Cloud Serverless Kubernetes 导读 不同于阿里云ACK集群默认通过nginx-ingress-controller提供ingress能力,在ASK(Serverless Kubernetes)集群中默认基于SLB七层转发提供ingre...

阿里云官方博客
今天
5
0
Android换肤原理和Android-Skin-Loader框架解析

https://blog.csdn.net/stven_king/article/details/78648095 https://www.jianshu.com/p/b0253de8ac04 https://blog.csdn.net/weixin_38261570/article/details/82079540......

shzwork
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部