自定义开发样式规范(不断更新)
作者:互联网
原文链接:https://www.mk2048.com/blog/blog.php?id=b0j11ki0j&title=%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%80%E5%8F%91%E6%A0%B7%E5%BC%8F%E8%A7%84%E8%8C%83%EF%BC%88%E4%B8%8D%E6%96%AD%E6%9B%B4%E6%96%B0%EF%BC%89
*{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;}
标签:right,自定义,样式,text,不断更新,10px,input,margin,left 来源: https://blog.csdn.net/qq_37555524/article/details/100882281