自定义开发样式规范(不断更新)

*{margin:0;padding:0}
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;}
html {  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;    font: 400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;}
body {  margin: 0;  font-size: 14px;  line-height: 1.5;  background-color: #efefef;  overflow-x: hidden;  -webkit-overflow-scrolling: touch;}
img {  border: 0;  vertical-align: middle;}
a {  background: transparent;  text-decoration: none;  -webkit-tap-highlight-color: transparent;  color: #00b358;}
a:active {  outline: 0;}
ul li{list-style: none;}
input {  line-height: normal;}
input:focus {  outline: 0 none;}
table {  border-collapse: collapse;  border-spacing: 0;}
input::-moz-placeholder,textarea::-moz-placeholder {  color: #ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {  color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {  color: #ccc;}
/*去掉chrome记住密码后自动填充表单的黄色背景*/
input : -webkit-autofill {background-color : #FAFFBD ;    background-image : none ;    color : #000 ;}
/*基础样式*/
.pull_left{float: left;}
.pull_right{float: right;}
.width_full{width: 100%;overflow: hidden;}
.display_center{display: block; margin-left: auto; margin-right: auto;}
/*文字排列方式*/
.text_left{text-align: left;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.text_justify{text-align:justify;text-justify:inter-ideogra}
/*清浮动*/
.clear_fix:after{clear:both;display:table;content:"";}
/*文字溢出省略号显示*/
/*单行文本*/
.inaline{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*多行文本*/
.intwoline {display: -webkit-box !important;overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /*多少行*/ }
/*公用样式设置*/
.base_width{width:98%; margin-left: auto; margin-right: auto; display: block;}
.box{overflow:hidden;}

.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}

.pt10 {padding-top: 10px;}

.pr0 {padding-right: 0;}
.plr0 {padding-left: 0;    padding-right: 0;}
.plr10 {padding-left: 10px;  padding-right: 10px;}

.mt5  {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 15px;}

.mb10 {margin-bottom: 10px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}

.mr15 {margin-right: 15px;}

.mlr10 {margin-left: 10px;  margin-right: 10px;}
.mtb10 {margin-top: 10px 0px;}
时间: 2024-10-12 12:25:19

自定义开发样式规范(不断更新)的相关文章

Android设置选项开发及自定义Preference样式

一个完整的Android应用程序都应该提供选项(或者叫偏好设置等等)让用户对APP的表现形式能够进行设置,比如说是否加入用户体验计划,或者是否自动升级.定时提醒.开启自启动.后台运行等等.提供一个好的设置项,会大大提升APP的用户体验.为了完成这样的功能,你不必从头开始写Activity或者Fragment,因为Android已经提供了实现这个功能的API,并且会自动将用户设置以键值对的形式存入SharedPreference(Android的四大存储方式之一)中.在3.0以前的系统,使用Pre

Android开发之自定义Spinner样式的效果实现(源代码实现)

android系统自带的Spinner样式是远远满足不了我们实际开发过程中对Spinner UI风格的要求,因此我们肯定需要为了切合整个应用的风格,修改我们的Spinner样式.系统给我们提供了两种常见的修改方式,一个是用XML方式静态,另一个就是Java代码动态来修改啦,我们这篇文章呢主要就是介绍如何动态修改Spinner的样式.我的实现方法呢,是自己构造一个SpinnerAdapter,继承来自ArrayAdapter,重写getDropDownView(),getView()这两个方法就好

jQuery自定义滚动条样式插件mCustomScrollbar

如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScrollPane,大家见过的可能比较多,但是这个插件太过于古老而且功能不强大,效果在几年前非常不错,但是放在现在就不好说了.所以我选择了后者:mCustomScrollbar.下图是两者官方示例的简单对比: 本文就是介绍如何使用 mCustomScrollbar 这个插件,大部分的内容是翻译自 mCus

java开发命名规范(转载)

java开发命名规范 使用前注意事项: 1.  由于Java面向对象编程的特性, 在命名时应尽量选择名词 2.  驼峰命名法(Camel-Case): 当变量名或函式名是由一个或多个单字连结在一起,而构成的唯一识别字时,首字母以小写开头,每个单词首字母大写(第一个单词除外). 如:myFirstName 一 包名的书写规范 (Package) 推荐使用公司或机构的顶级域名为包名的前缀,目的是保证各公司/机构内所使用的包名的唯一性.包名全部为小写字母,且具有实际的区分意义. 1.1 一般要求 1.

CSharp如何自定义鼠标样式

一.如何设置鼠标样式? 在CSharp的WinForm开发中,可以通过下面的API设置鼠标样式: 1 //把鼠标样式设置为十字(系统自带的一种鼠标样式) 2 this.Cursor = Cursors.Cross; 3 //把鼠标样式设置为自定义图片 4 this.Cursor = new Cursor(string fileName);//要求file为cur格式 5 this.Cursor = new Cursor(IntPtr handel); 6 this.Cursor = new Cu

外包项目开发流程规范(ODC)

    忙碌时候时间过得很快,没时间记录下工作的一些东西,以下记录外包项目开发的一些流程规范: ODC软件系统开发流程: 例行版本:1.需求分析(用户.ODC) 1)找用户谈需求 2)确定系统上线时间.移交用户测试时间2.工作量的估算(ODC) 1)各个功能点需要的人天(初步估算,后续需求有改动,需要重新更新)3.工作计划安排(ODC) 1)开发计划-指定哪个功能由哪个开发人员进行开发,什么时候开发完成(移交系统测试) 2)测试计划-几时移交系统测试.几时移交用户测试4.系统开发及自测(ODC)

iOS 开发代码规范有哪些

对于刚刚入门ios的同学来说,iOS 开发代码规范是很重要的知识的,这里就给大家简单总结了一下. 一.工程规范 1.功能分类 根据所做功能的不同,分为不同的功能模块,比如登录模块,首页模块,个人模块等,根据不同的功能,代码必须要放在不同功能的文件夹下. 2.代码文件分类 不管是MVC模式,MVVM模式,或是其他设计模式,在不同的功能模块下,视图控制器(Controllers),视图(Views),模型类(Models),也必须要分别存放. 3.第三方库分类 工程中会经常使用第三方库,在引入第三方

activex开发、部署、更新

开发篇 一.前言 在设计某移动内部自动化运维平台时,经综合考虑终端机性能和功能需求等因素后,决定采用B/S模式,并且浏览器通过ActiveX组件实现与服务器Agent作P2P的通讯.好处,整个平台以网页形式存在,界面渲染性能高于桌面应用(终端机性能其低):通过ActiveX组件与各服务器Agent进行P2P通讯,不对Web服务器造成压力.风险,当用ActiveX传输上百兆的文件时,会对浏览器造成哪些影响:团队中没有类似解决方案的经验供借鉴.解决方法:前期对主要功能进行快速原型设计.开发.验证和总

使用Android Studio开发android应用(持续更新)

使用Android Studio开发android应用 --------------------转载请注明出处:coder-pig 前言: 在2013年5月16日开发者大会上,google公司发布了一个新的集成开发环境:Android Studio 该IDE是专门用来开发安卓应用程序的,如果你需要使用Java的话就需要下载Java的IDE了! google慢慢地已经把重心放到Android Studio上了,所以有必要熟悉下这个IDE开发环境! 本篇博文会不定期地进行更新!对遇到的问题以及一些新