css的重置和原子类的使用
@charset "utf-8";
/* Reset Definitions*/
body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, select, button, th, td { margin: 0; padding: 0; font-family: '宋体'; font-size: 12px; color: #35383e; }
a { text-decoration: none; cursor: pointer; }
img { border: 0; }
img, input, textarea, select, button { vertical-align: middle; }
table, th, td { font-size: 12px; font-family: inherit; line-height: inherit; }
td { word-break: break-all; }
textarea { word-wrap: break-word; word-break: break-all; }
ul, ol, li { list-style: none; }
dl, em, i, u, q, s, caption { font-style: normal; font-weight: normal; text-decoration: none; }
/* Global Definitions
----------------------------------------*/
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.clear { clear: both; }
.clearfix { display: block; *display: inline-block; _height: 1%; }
.clearfix:after { content: '\20'; display: block; clear: both; height: 0; visibility: hidden; }
.block { display: block; }
.inline { display: inline; }
.inblock { display: inline-block; }
.hide { display: none; }
.hidden { visibility: hidden; }
.ohide { overflow: hidden; }
.mt05 { 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; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mr05 { 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; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mb05 { 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; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.ml05 { 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; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.pt05 { 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; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pr05 { 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; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pb05 { 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; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pl05 { 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; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fbold { font-weight: bold; }
.fnormal { font-weight: normal; }
input[type="text"] { outline-style: none; }
input[type="button"] { outline-style: none; }
input[type="submit"] { outline-style: none; }
select { outline-style: none; }
textarea { outline-style: none; }
input[type="password"] { outline-style: none; }
/*
Include this style.
table.baseTable { width: 100%; border-collapse: collapse; }
table.baseTable td { border: 1px solid #CCC; }
*/
/*
.fixedTL{ position: fixed; left: 0; top: 0; }
.fixedTR{ position: fixed; right: 0; top: 0; }
.fixedBL{ position: fixed; left: 0; bottom: 0; }
.fixedBR{ position: fixed; right: 0; bottom: 0; }
*/
/* WebSite Definition
----------------------------------------*/
.wrap { margin: 0 auto; width: 1210px; }
1 @charset "utf-8"; 2 /* Reset Definitions*/ 3 body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, select, button, th, td { margin: 0; padding: 0; font-family: '宋体'; font-size: 12px; color: #35383e; } 4 a { text-decoration: none; cursor: pointer; } 5 img { border: 0; } 6 img, input, textarea, select, button { vertical-align: middle; } 7 table, th, td { font-size: 12px; font-family: inherit; line-height: inherit; } 8 td { word-break: break-all; } 9 textarea { word-wrap: break-word; word-break: break-all; } 10 ul, ol, li { list-style: none; } 11 dl, em, i, u, q, s, caption { font-style: normal; font-weight: normal; text-decoration: none; } 12 13 /* Global Definitions 14 ----------------------------------------*/ 15 .fl { float: left; _display: inline; } 16 .fr { float: right; _display: inline; } 17 .clear { clear: both; } 18 .clearfix { display: block; *display: inline-block; _height: 1%; } 19 .clearfix:after { content: '\20'; display: block; clear: both; height: 0; visibility: hidden; } 20 21 .block { display: block; } 22 .inline { display: inline; } 23 .inblock { display: inline-block; } 24 25 .hide { display: none; } 26 .hidden { visibility: hidden; } 27 .ohide { overflow: hidden; } 28 29 .mt05 { margin-top: 5px; } 30 .mt10 { margin-top: 10px; } 31 .mt15 { margin-top: 15px; } 32 .mt20 { margin-top: 20px; } 33 .mt25 { margin-top: 25px; } 34 .mt30 { margin-top: 30px; } 35 .mt35 { margin-top: 35px; } 36 .mt40 { margin-top: 40px; } 37 .mt45 { margin-top: 45px; } 38 .mt50 { margin-top: 50px; } 39 .mr05 { margin-right: 5px; } 40 .mr10 { margin-right: 10px; } 41 .mr15 { margin-right: 15px; } 42 .mr20 { margin-right: 20px; } 43 .mr25 { margin-right: 25px; } 44 .mr30 { margin-right: 30px; } 45 .mr35 { margin-right: 35px; } 46 .mr40 { margin-right: 40px; } 47 .mr45 { margin-right: 45px; } 48 .mr50 { margin-right: 50px; } 49 .mb05 { margin-bottom: 5px; } 50 .mb10 { margin-bottom: 10px; } 51 .mb15 { margin-bottom: 15px; } 52 .mb20 { margin-bottom: 20px; } 53 .mb25 { margin-bottom: 25px; } 54 .mb30 { margin-bottom: 30px; } 55 .mb35 { margin-bottom: 35px; } 56 .mb40 { margin-bottom: 40px; } 57 .mb45 { margin-bottom: 45px; } 58 .mb50 { margin-bottom: 50px; } 59 .ml05 { margin-left: 5px; } 60 .ml10 { margin-left: 10px; } 61 .ml15 { margin-left: 15px; } 62 .ml20 { margin-left: 20px; } 63 .ml25 { margin-left: 25px; } 64 .ml30 { margin-left: 30px; } 65 .ml35 { margin-left: 35px; } 66 .ml40 { margin-left: 40px; } 67 .ml45 { margin-left: 45px; } 68 .ml50 { margin-left: 50px; } 69 70 .pt05 { padding-top: 5px; } 71 .pt10 { padding-top: 10px; } 72 .pt15 { padding-top: 15px; } 73 .pt20 { padding-top: 20px; } 74 .pt25 { padding-top: 25px; } 75 .pt30 { padding-top: 30px; } 76 .pt35 { padding-top: 35px; } 77 .pt40 { padding-top: 40px; } 78 .pt45 { padding-top: 45px; } 79 .pt50 { padding-top: 50px; } 80 .pr05 { padding-right: 5px; } 81 .pr10 { padding-right: 10px; } 82 .pr15 { padding-right: 15px; } 83 .pr20 { padding-right: 20px; } 84 .pr25 { padding-right: 25px; } 85 .pr30 { padding-right: 30px; } 86 .pr35 { padding-right: 35px; } 87 .pr40 { padding-right: 40px; } 88 .pr45 { padding-right: 45px; } 89 .pr50 { padding-right: 50px; } 90 .pb05 { padding-bottom: 5px; } 91 .pb10 { padding-bottom: 10px; } 92 .pb15 { padding-bottom: 15px; } 93 .pb20 { padding-bottom: 20px; } 94 .pb25 { padding-bottom: 25px; } 95 .pb30 { padding-bottom: 30px; } 96 .pb35 { padding-bottom: 35px; } 97 .pb40 { padding-bottom: 40px; } 98 .pb45 { padding-bottom: 45px; } 99 .pb50 { padding-bottom: 50px; } 100 .pl05 { padding-left: 5px; } 101 .pl10 { padding-left: 10px; } 102 .pl15 { padding-left: 15px; } 103 .pl20 { padding-left: 20px; } 104 .pl25 { padding-left: 25px; } 105 .pl30 { padding-left: 30px; } 106 .pl35 { padding-left: 35px; } 107 .pl40 { padding-left: 40px; } 108 .pl45 { padding-left: 45px; } 109 .pl50 { padding-left: 50px; } 110 111 .tal { text-align: left; } 112 .tac { text-align: center; } 113 .tar { text-align: right; } 114 .fs12 { font-size: 12px; } 115 .fs14 { font-size: 14px; } 116 .fs16 { font-size: 16px; } 117 .fs18 { font-size: 18px; } 118 .fs20 { font-size: 20px; } 119 .fs22 { font-size: 22px; } 120 .fs24 { font-size: 24px; } 121 .fbold { font-weight: bold; } 122 .fnormal { font-weight: normal; } 123 124 input[type="text"] { outline-style: none; } 125 input[type="button"] { outline-style: none; } 126 input[type="submit"] { outline-style: none; } 127 select { outline-style: none; } 128 textarea { outline-style: none; } 129 input[type="password"] { outline-style: none; } 130 /* 131 Include this style. 132 table.baseTable { width: 100%; border-collapse: collapse; } 133 table.baseTable td { border: 1px solid #CCC; } 134 */ 135 136 /* 137 .fixedTL{ position: fixed; left: 0; top: 0; } 138 .fixedTR{ position: fixed; right: 0; top: 0; } 139 .fixedBL{ position: fixed; left: 0; bottom: 0; } 140 .fixedBR{ position: fixed; right: 0; bottom: 0; } 141 */ 142 143 /* WebSite Definition 144 ----------------------------------------*/ 145 .wrap { margin: 0 auto; width: 1210px; }
转载于:https://www.cnblogs.com/darkterror/p/5029135.html
css的重置和原子类的使用相关推荐
- atomic原子类实现机制_JUC学习笔记--Atomic原子类
Atomic 原子操作类包 Atomic包 主要是在多线程环境下,无锁的进行原子操作.核心操作是基于UnSafe类实现的CAS方法 CAS CAS: compareAndSwap :传入两个值:期望值 ...
- JUC-15. 原子类(Atomic)
想了解更多JUC的知识--JUC并发编程合集 1. 原子类是什么 Atomic翻译成中文是原子的意思.在化学上,我们知道原子是构成一般物质的最小单位,在化学反应中是不可分割的.在我们这里 Atomic ...
- java原子变量的作用_AtomicInteger原子类的作用介绍(代码示例)
本篇文章给大家带来的内容是关于AtomicInteger原子类的作用介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. AtomicInteger 原子类的作用 多线程操 ...
- CSS基础篇--css reset重置样式有那么重要吗?
在以前写html代码的时候,一般都会在head里添加重置样式reset.css,其内容如下: @charset "utf-8"; html, body, div, span, ap ...
- 【Java_多线程并发编程】JUC原子类——4种原子类
根据修改的数据类型,可以将JUC包中的原子操作类可以分为4种,分别是: 1. 基本类型: AtomicInteger, AtomicLong, AtomicBoolean ; 2. 数组类型: Ato ...
- Java高并发编程:原子类
1. 并发编程概念 原子性 一个操作不能被再拆分了:即一个操作或者多个操作 要么全部执行并且执行的过程不会被任何因素打断,要么就都不执行.一个很经典的例子就是银行账户转账问题. 增量操作符++,不是原 ...
- Java多线程系列--“JUC原子类”01之 框架
2019独角兽企业重金招聘Python工程师标准>>> Java多线程系列--"JUC原子类"01之 框架 根据修改的数据类型,可以将JUC包中的原子操作类可以分 ...
- java atomiclong 使用_java并发:原子类之AtomicLong
原子类之AtomicLong java线程中的操作,需要满足原子性.可见性等原则,比如i++这样的操作不具备原子性, A线程读取了i,另一个线程执行i++,A线程再执行i++就会引发线程安全问题 推荐 ...
- Atomic原子类常用方法总结(包含四大类型)
基本介绍: Atomic指一个操作不可中断,即使在多线程情况下,一个操作一旦开始,就不会被其他线程干扰.如果多线程中仅需要Atomic原子类解决的事情,就不需要synchronized重量级锁了. 原 ...
最新文章
- 公司电脑安装操作系统遇到的一个坑
- qlist length 函数讲解_读《JavaScript 轻量级函数式编程》
- 系统重装后 Endnote 不能和Word联用的解决方法
- 设计模式的理解:对23个设计模式的总结
- 做时间序列预测有必要用深度学习吗?梯度提升回归树媲美甚至超越多个DNN模型...
- SQL Server2008导入导出数据库
- 控制语句(if-else+循环+switch)汇编规则
- 0与1世界的初级编程篇之C语言
- 工作流实战_20_flowable 任务签收 反签收
- 如何搭建一个好的数据指标体系?
- 自己创业做电商,应该怎么做?
- hdu 变形课 1181 这道题数据真实若爆了
- webstorm 破解方法(100%好使)
- ffplay常用命令
- java与seo_seo和java哪个更好
- WebRTC音频处理流程简介
- 柱状图折线图混合使用
- js+css如何制作(音频)图标【切换播放动画】效果?
- 详细 | 图神经网络从入门到入门
- correl函数相关系数大小意义_correl(correl函数相关系数大小意义)
热门文章
- Cortex-M开发板密码登陆界面
- python列表转为一个数字_关于python:将整数列表转换为一个数字?
- java resouce_Java 获取Resource目录下的文件解决办法
- 软件测试国际化测试指标,国际化软件测试内容解析(2)
- python︱mysql数据库连接——pyodbc
- Tomcat(Install)
- django+echarts+ajax异步+显示优化--基本例子
- WCF分布式开发常见错误(13):此方法调用的事务被异步中断
- css补充、JavaScript、Dom
- Sep 12.1.4112.4156部署客户端