清零 css,css样式清零及常用类

/*css样式清零及常用类*/@charset "utf-8";/*CSS Reset*/

/*"微软雅黑","5FAE8F6F96C59ED1","Microsoft YaHei"

"黑体","9ED14F53"

"新宋体","65B05B8B4F53"

"宋体","5B8B4F53"

"幼圆" ,"YouYuan","5E7C5706"*/*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-all}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{min-height:100%;background-color:#fff;-webkit-font-26oothing:antialiased;-moz-osx-font-26oothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Arial,'微软雅黑',"5FAE8F6F96C59ED1","Microsoft Yahei","simsun","5B8B4F53","宋体","65B05B8B4F53","新宋体";font-size:14px;color:#444;}html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,p,pre,span,strong,form,iframe,label,button,input,textarea,table,tr,th,td,fieldset,i{margin:0;padding:0;text-align:left}dl,dd,ol,ul,li{list-style:none;list-style-type:none}div{text-align:left;margin-left:auto;margin-right:auto}i{display:inline-block;font-style:normal;font-weight:normal;text-align:center;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:300}a,a:link,a:visited,a:hover,a:active,a:focus,input,button,textarea,select,optgroup,option,a:focus,input:focus,button:focus,textarea:focus,select:focus,optgroup:focus,option:focus,label,label:focus{outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;}img{width:100%;border:0;vertical-align:middle}a img,img{-ms-interpolation-mode:bicubic}a,a:link,a:visited{color:#333333;cursor:pointer}a:hover,a:active{text-decoration:underline}a.ie6:hover{zoom:1}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input,button,textarea,select,optgroup,option{border:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;overflow:visible;vertical-align:middle;outline:none;border-radius:0;}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none; }select[multiple],select[size]{height:auto}textarea{overflow-y:auto}hr{height:0;margin:15px 0;border:0;border-top:1px solid #eee;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}b,strong{font-weight:700}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}table{border-spacing:0;border-collapse:collapse}header,footer,section,aside,article,main,nav,menu,details,summary,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}audio,canvas,progress,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}time{display:inline}svg:not(:root){overflow:hidden}fieldset{padding:0.35em 0.625em 0.75em;margin:0 2px;border:1px solid #c0c0c0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{color:#000;background:#ff0}small{font-size:80%}figure{margin:1em 40px}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

/*通用属性*/

/*清除浮动*/.clearfix{*zoom:1;} /*解决ie6/7下面的浮动塌陷问题*/.clearfix:before,

.clearfix:after{display:table;line-height:0;content:" ";} /*display:table;解决其他下面的浮动塌陷问题,line-height是将添加的内容高度设为0;*/.clearfix:after{clear:both;}/*清楚浮动*/.fl{float:left;}.fr{float:right;}

/*弹性布局*/.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

}

/*============================================================

flex:定义布局为盒模型

flex-v:盒模型垂直布局

flex-1:子元素占据剩余的空间

flex-align-center:子元素垂直居中

flex-pack-center:子元素水平居中

flex-pack-justify:子元素两端对齐

兼容性:ios 4+、android 2.3+、winphone8+

============================================================*/.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

/*边距*/.p0{padding:0px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:35px;}.p40{padding:40px;}.pt0{padding-top:0px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pr0{padding-right:0px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pb0{padding-bottom:0px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pl0{padding-left:0px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.mt0{margin-top:0px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mr0{margin-right:0px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mb0{margin-bottom:0px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.ml0{margin-left:0px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/426798.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实例46:python

#题目:求输入数字的平方,如果平方运算后小于 50 则退出。 #!/usr/bin/python -- coding: UTF-8 -- TRUE 1 FALSE 0 def SQ(x): return x * x print (‘如果输入的数字小于 50,程序将停止运行。’) again 1 while again: num int(input…

常见笔顺错误的字_最全汉字书写笔顺规则

最全汉字书写笔顺规则汉字笔画名称汉字书写顺序一个字先写哪一笔,后写哪一笔,叫做笔顺。汉字的笔顺有一定规律,一般如下:常见的笔画笔顺易错字;"忄" 先写点和点,最后写竖。"匕" 先写撇…

ajax时间控件,带有ajax的JQuery中的插件datetimepicker出错

我尝试这样做,禁用所有日期并启用我通过参数传递的日期这段代码不起作用$.ajax({method: "GET",url: "url",}).success(function(msg) {console.log(JSON.parse(msg));var disableIni JSON.parse(msg);var disable [];for (var i 0; i < disableIni.…

软件能用python编程吗_python能做软件开发吗?怎么样?

当然可以&#xff0c;这里以Python桌面软件开发为例&#xff0c;简单介绍几个非常不错的模块和第三方库&#xff0c;感兴趣的朋友可以尝试一下&#xff1a;01tkinter这是一个非常基础的Python GUI开发库(标准库)&#xff0c;免费、开源、跨平台&#xff0c;自带组件和容器完全可…

实例47:python

#题目&#xff1a;两个变量值互换。 encoding:utf-8 ‘’’ 三种简单的变量交换方法——参数法&#xff1b;相互运算法&#xff1b;字符拼剪法 ‘’’ def shuru(): a input(‘请输入a的值’) b input(“请输入b的值”) return a, b def change1(a, b):#加入第三变量 t …

js获取当前时间格式YYYY/MM/DD

//获取当前时间&#xff0c;格式YYYY-MM-DD function getNowFormatDate() {var date new Date();var seperator1 "/";var year date.getFullYear();//年var month date.getMonth() 1;//月var strDate date.getDate(); //日if (month > 1 && month &…

ajax 批量上传图片插件,TinyMCE多图片批量上传(Ajax)教程

需要用上插件&#xff1a;axupimgs插件作者&#xff1a;莫若卿支持版本&#xff1a;5.0.4支持语言&#xff1a;仅中文插件版本&#xff1a;1.6一、axupimgs 插件作用&#xff1a;这是一个tinymce多图片批量上传插件&#xff0c;支持拖拽文件添加&#xff0c;拖拽支持白名单&…

druid 非对称加密_springboot配置文件中mysql的密码进行加密

一、引入依赖方式一&#xff1a;com.alibabadruid1.2.1方式二&#xff1a;com.alibabadruid-spring-boot-starter1.2.1二、对密码加密加密命令java -cp druid-1.2.1.jar com.alibaba.druid.filter.config.ConfigTools you_password得到如下三个部分privateKey:MIIBVQIBADANBgkq…

实例48:python

#题目&#xff1a;数字比较。 #!/usr/bin/env python -- coding:utf-8 -- def compare(num1, num2): if num1 > num2: print("%s大于%s" % (num1, num2)) elif num2 > num1: print("%s大于%s" % (num2, num1)) else: print("%s等于%s" %…

------------------uniq 去重复

uniq #检查文件中重复出现的行-c #显示输出&#xff0c;并在文本行前加重复出现的次数,但如果重复行不连续&#xff0c;则不认为是重复的行-d #只显示重复出现的行-u #只显示不重复出现的行uniq -c passwd #显示重复行的次数uniq -u passwd #只显示不重复出现…

实例49:python

#题目&#xff1a;使用lambda来创建匿名函数。 #!/usr/bin/python -- coding: UTF-8 -- MAXIMUM lambda x,y : (x > y) * x (x < y) * y MINIMUM lambda x,y : (x > y) * y (x < y) * x if name ‘main’: a 10 b 20 print (‘The largar one is %d’ %…

蜗牛星际b款装服务器系统,记录下蜗牛星际更换系统硬盘重新安装系统的一番折腾...

前言大概是去年双十一前的日子&#xff0c;终于想折腾下NAS&#xff0c;找了个廉价矿渣产品&#xff1a;蜗牛星际A款。到手的机器商家已经给装好了黑群辉&#xff0c;刚上手不适应&#xff0c;也就懒得折腾&#xff0c;网上找了下资料&#xff0c;同局域网电脑上下载了群辉助手…

简述汇编语言中的标号有什么规定_2020年秋季学期《汇编语言》在线考试 (适用于2020年12月份考试)【答案标准】...

2020年秋季学期《汇编语言》在线考试 (适用于2020年12月份考试)共29道题 总分&#xff1a;100分答题中剩余答题时间&#xff1a;88 : 06单选题问答题论述题一、单选题共20题&#xff0c;40分12分设数据段中已有: DA1 DB 12H,34HDA2 DW 56H,78H下面有语法错误的句是( )AADR1 DW …

java程序员经常使用的Intellij Idea插件

大概从去年年初开始慢慢抛弃习惯多年的eclipse&#xff0c;开始使用Intellij Idea,以下是我使用过的一些Intellij Idea插件&#xff1a; 1.lombok https://plugins.jetbrains.com/plugin/6317-lombok-plugin 支持lombok的各种注解&#xff0c;从此不用写getter setter这些 可以…

实例50:python

#题目&#xff1a;输出一个随机数。 #!/user/bin/env python #coding:utf-8 import random print (random.random()) #输入0-1之间的随机数 print (random.uniform(10,20)) #输出10-20之间的随机数 print (random.randint(10,20)) #输出10-20之间的随机整数

系统mysql数据库服务器,系统mysql数据库服务器

系统mysql数据库服务器 内容精选换一换“数据导入”章节适用于MRS 3.x及后续版本。Loader是实现MRS与外部数据源如关系型数据库、SFTP服务器、FTP服务器之间交换数据和文件的ETL工具&#xff0c;支持将数据或文件从关系型数据库或文件系统导入到MRS系统中。Loader支持如下数据导…

tableau地图城市数据_举个栗子!Tableau 技巧(156):在地图分析中创建缓冲区

缓冲区指的是一个区域&#xff0c;在地图中就是从一个位置&#xff08;或位置范围&#xff09;到特定距离内的所有位置。实际业务场景中&#xff0c;如果需要对某些范围的数据进行邻近性分析或定义搜索区域&#xff0c;例如&#xff1a;服务中心的辐射范围、物流业务的覆盖范围…

python之lambda

例1:传入多个参数的lambda函数 def sum(x,y): return xy 用lambda来实现&#xff1a; p lambda x,y:xy print(p(4,6)) 例2&#xff1a;传入一个参数的lambda函数 alambda x:x*x print(a(3)) # 注意&#xff1a;这里直接a(3)可以执行&#xff0c;但没有输出的&#xff0c;前面…

javascript 运算符优先级

JavaScript 运算符优先级&#xff08;从高到低&#xff09; https://github.com/xhlwill/blog/issues/16 今天把js函数转换为python 函数时,发现在js运算符优先级这边卡了一下. 记录一下,以后注意 function C(A) { return A < 62 ? String.fromCharCode(A A < 26 ? 6…

服务器与项目之间的关系,项目 服务器 和数据库的关系

项目 服务器 和数据库的关系 内容精选换一换华为云关系型数据库服务提供使用内网、公网和数据管理服务(Data Admin Service&#xff0c;简称DAS)的连接方式。VPC&#xff1a;虚拟私有云(Virtual Private Cloud&#xff0c;简称VPC)。ECS&#xff1a;弹性云服务器(Elastic Cloud…