css初始化代码

news/2025/1/15 15:35:08/

最近老有新项目开发,一直在找存留的CSS初始化代码,索性放到这里备份下,

@charset "utf-8";
/*
--------------------------------------
*-------------------------------------
*------------------------------------
*------------------------------------
*Start Reset
*clear css
/********************/
a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, img, input, select,textarea, ins, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{border:0;margin:0;padding:0;}
body{font:12px/1.6 Microsoft YaHei,Arial, Helvetica;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
b, strong{font-weight:bold}
h1, h2, h3, h4, h5, h6{font-size:100%}
em{font-style:normal}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
ol, ul{list-style:none}
li{display:list-item;list-style:outside none}
table{border-collapse:collapse;border-spacing:0}
th, td, caption{font-weight:normal;vertical-align:top;text-align:left}
q{quotes:none}
q:before, q:after{content:'';content:none}
sub, sup, small{font-size:75%}
sub, sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg{overflow:hidden}
pre, code{font-family:'DejaVu Sans Mono', Monaco, Consolas, monospace}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none;color:#ff6600;}
/******************
*End 
******************//******************
*Start Clear Float
******************/
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.cl{clear:left}
.cr{clear:right}
.hidden{visibility:hidden}
.visible{visibility:visible}
.none{display:none}
.block{display:block}
.overHid{ overflow:hidden}
/******************
*End 
******************//******************
*position
******************/
.pr{position:relative}.pb{position:absolute}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}
/******************
*End 
******************//******************
*font size
******************/
.f24{font-size:24px}.f22{font-size:22px}.f20{font-size:20px}.f18{font-size:18px}.f16{font-size:16px}.f14{font-size:14px}.f12{font-size:12px}.fb{font-weight:bold}.fn{font-style:normal}.fbl{font-weight:lighter}.fm{font-family:"Microsoft Yahei"}
/******************
*End 
******************//******************
*font color
******************/
.blue,.blue a{color:#0068B7}
.black,.black a{color:#000000}
.white,.white a{color:#FFFFFF}
.green,.green a{color:#22AC38}
.gray,.gray a{color:#CCCCCC}
.deepGray,.deepGray a{color:#313131}
.gold,.gold a{color:#CFA972}
.orange,.orange a{color:#ff6600}
.purple,.purple a{color:#920783}
.red,.red a{color:#D14836}
/******************
*End 
******************//******************
*background color
******************/
.bgOrange{background-color:#FFF3D4}
.bgWhite{background-color:#FFFFFF}
.bgBlue{background-color:#eef4f9}
.bgBlue1{background-color:#e9f0f4}
.bgGray{background-color:#f9f9f9}
.bgWhite{background-color:#FFFFFF}
/******************
*End 
******************//******************
*border
******************/
.borNone{border:none}
.borNlr{border-left:none;border-right:none}
.borNtb{border-top:none;border-bottom:none}
.borNl{border-left:none}
.borNt{border-top:none}
.borNr{border-right:none}
.borNb{border-bottom:none}
.borRd4{border-radius:4px}
/******************
*End 
******************//******************
*width
******************/
.w{width:100%}.w10{width:10px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}.w710{width:710px}.w720{width:720px}.w730{width:730px}.w740{width:740px}.w750{width:750px}.w760{width:760px}.w770{width:770px}.w780{width:780px}.w790{width:790px}.w800{width:800px}.w810{width:810px}.w820{width:820px}.w830{width:830px}.w840{width:840px}.w850{width:850px}.w860{width:860px}.w870{width:870px}.w880{width:880px}.w890{width:890px}.w900{width:900px}.w910{width:910px}.w920{width:920px}.w930{width:930px}.w940{width:940px}.w950{width:950px}.w960{width:960px}.w970{width:970px}.w980{width:980px}.w990{width:990px}.w1000{width:1000px}
/******************
*End 
******************/
/******************
*height
******************/
.h{height:100%}.h25{height:25px}.hl25{height:25px;line-height:25px}.h26{height:26px}.hl26{height:26px;line-height:26px}.h27{height:27px}.hl27{height:27px;line-height:27px}.h28{height:28px}.hl28{height:28px;line-height:28px}.h30{height:30px}.hl30{height:30px;line-height:30px}.h35{height:35px}.hl35{height:35px;line-height:35px}.h40{height:40px}.hl40{height:40px;line-height:40px}.h50{height:50px}.hl50{height:50px;line-height:50px}.h60{height:60px}.hl60{height:60px;line-height:60px}.h70{height:70px}.hl70{height:70px;line-height:70px}.h80{height:80px}.hl80{height:80px;line-height:80px}.h90{height:90px}.hl90{height:90px;line-height:90px}.h100{height:100px}.hl100{height:100px;line-height:100px}.h150{height:150px}.hl150{height:150px;line-height:150px}.h200{height:200px}.hl200{height:200px;line-height:200px}
/******************
*End 
******************//******************
*margin
******************/
.mlr{margin-left:auto;margin-right:auto}.ml{margin-left:auto}.mr{margin-right:auto}.m1{margin:1px}.mtb1{margin-top:1px;margin-bottom:1px}.mlr1{margin-left:1px;margin-right:1px}.ml1{margin-left:1px}.mr1{margin-right:1px}.mt1{margin-top:1px}.mb1{margin-bottom:1px}.m2{margin:2px}.mtb2{margin-top:2px;margin-bottom:2px}.mlr2{margin-left:2px;margin-right:2px}.ml2{margin-left:2px}.mr2{margin-right:2px}.mt2{margin-top:2px}.mb2{margin-bottom:2px}.m3{margin:3px}.mtb3{margin-top:3px;margin-bottom:3px}.mlr3{margin-left:3px;margin-right:3px}.ml3{margin-left:3px}.mr3{margin-right:3px}.mt3{margin-top:3px}.mb3{margin-bottom:3px}.m4{margin:4px}.mtb4{margin-top:4px;margin-bottom:4px}.mlr4{margin-left:4px;margin-right:4px}.ml4{margin-left:4px}.mr4{margin-right:4px}.mt4{margin-top:4px}.mb4{margin-bottom:4px}.m5{margin:5px}.mtb5{margin-top:5px;margin-bottom:5px}.mlr5{margin-left:5px;margin-right:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}.m10{margin:10px}.mtb10{margin-top:10px;margin-bottom:10px}.mlr10{margin-left:10px;margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.m15{margin:15px}.mtb15{margin-top:15px;margin-bottom:15px}.mlr15{margin-left:15px;margin-right:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}.m20{margin:20px}.mtb20{margin-top:20px;margin-bottom:20px}.mlr20{margin-left:20px;margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}.m25{margin:25px}.mtb25{margin-top:25px;margin-bottom:25px}.mlr25{margin-left:25px;margin-right:25px}.mt25{margin-top:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.mr25{margin-right:25px}.m30{margin:30px}.mt30{margin-top:30px}.mtb30{margin-top:30px;margin-bottom:30px}.mlr30{margin-left:30px;margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.mr30{margin-right:30px}.m40{margin:40px}.mt40{margin-top:40px}.mtb40{margin-top:40px;margin-bottom:40px}.mlr40{margin-left:40px;margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}
/******************
*End 
******************//******************
*padding
******************/
.p0{padding:0;}.ptb0{padding-top:0;padding-bottom:0}.plr0{padding-left:0;padding-right:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.pr0{padding-right:0}.p1{padding:1px}.ptb1{padding-top:1px;padding-bottom:1px}.plr1{padding-left:1px;padding-right:1px}.pt1{padding-top:1px}.pb1{padding-bottom:1px}.pl1{padding-left:1px}.pr1{padding-right:1px}.p2{padding:2px}.ptb2{padding-top:2px;padding-bottom:2px}.plr2{padding-left:2px;padding-right:2px}.pt2{padding-top:2px}.pb2{padding-bottom:2px}.pl2{padding-left:2px}.pr2{padding-right:2px}.p3{padding:3px}.ptb3{padding-top:3px;padding-bottom:3px}.plr3{padding-left:3px;padding-right:3px}.pt3{padding-top:3px}.pb3{padding-bottom:3px}.pl3{padding-left:3px}.pr3{padding-right:3px}.p4{padding:4px}.ptb4{padding-top:4px;padding-bottom:4px}.plr4{padding-left:4px;padding-right:4px}.pt4{padding-top:4px}.pb4{padding-bottom:4px}.pl4{padding-left:4px}.pr4{padding-right:4px}.p5{padding:5px}.ptb5{padding-top:5px;padding-bottom:5px}.plr5{padding-left:5px;padding-right:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}.p10{padding:10px}.ptb10{padding-top:10px;padding-bottom:10px}.plr10{padding-left:10px;padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.p15{padding:15px}.ptb15{padding-top:15px;padding-bottom:15px}.plr15{padding-left:15px;padding-right:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}.p20{padding:20px}.ptb20{padding-top:20px;padding-bottom:20px}.plr20{padding-left:20px;padding-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}.p25{padding:25px}.ptb25{padding-top:25px;padding-bottom:25px}.plr25{padding-left:25px;padding-right:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}.p30{padding:30px}.ptb30{padding-top:30px;padding-bottom:30px}.plr30{padding-left:30px;padding-right:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}.p35{padding:35px}.ptb35{padding-top:35px;padding-bottom:35px}.plr35{padding-left:35px;padding-right:35px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.pl35{padding-left:35px}.pr35{padding-right:35px}.p40{padding:40px}.ptb40{padding-top:40px;padding-bottom:40px}.plr40{padding-left:40px;padding-right:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}.p50{padding:50px}.ptb50{padding-top:50px;padding-bottom:50px}.plr50{padding-left:50px;padding-right:50px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}.p100{padding:100px}.ptb100{padding-top:100px;padding-bottom:100px}.plr100{padding-left:100px;padding-right:100px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pl100{padding-left:100px}.pr100{padding-right:100px}.pl110{padding-left:110px}.pl120{padding-left:120px}.pl130{padding-left:130px}.pl140{padding-left:140px}.pl150{padding-left:150px}.pl160{padding-left:160px}.pl170{padding-left:170px}.pl180{padding-left:180px}.pl190{padding-left:190px}.pl200{padding-left:200px}.pl210{padding-left:210px}.pl220{padding-left:220px}.pl230{padding-left:230px}.pl240{padding-left:240px}.pl250{padding-left:250px}.pl260{padding-left:260px}.pl270{padding-left:270px}.pl280{padding-left:280px}.pl290{padding-left:290px}.pl300{padding-left:300px}
/******************
*End 
******************/

 

转载于:https://www.cnblogs.com/zhixi/p/6244001.html


http://www.ppmy.cn/news/300428.html

相关文章

java恶魔城_恶魔城之月下夜想曲

快速搜索机型: 诺基亚 N70系列(176208) 7610 3230 6600 6260 6620 6630 6670 6680 6681 6682 N70 N72 ;松下: X700 X800 ;联想: P930 诺基亚 N73系列(240320) N73 5320 5320XM 5320di_XM 5630XM 5700 5700XM 5710XM 5730XM 6110 6110N 6120 6120C 6120ci 6121 6122C 6124C 6210…

使用Scrapy爬取美食网站

如今的爬虫技术主要还是人工定位信息位置, 本次爬取的对象是美食杰网站 使用的爬虫框架为scrpay 不得不说,scrapy的确十分好用, 尤其是scrapy shell,使用scrapy shell 写xpath对网页进行探索 非常的方便! import…

001-电脑操作规范-2019年03月.doc

001-电脑操作规范-2019年03月.doc 本文作者:徐晓亮 BoAi 作者腾讯QQ号码:595076941 // 001、在电脑桌面上新建批处理文件 文件名改成“dn电脑操作规范-2019年03月.bat” 并添加如下一行脚本语句: start /max D:\Prog\SogouExplorer\SogouExpl…

【Laravel 6】安装需要什么环境?又怎么安装呢

服务器要求 服务器满足以下要求: PHP > 7.2.5BCMath PHP 拓展Ctype PHP 拓展JSON PHP 拓展Mbstring PHP 拓展OpenSSL PHP 拓展PDO PHP 拓展Tokenizer PHP 拓展XML PHP 拓展 安装Laravel Laravel 使用 Composer 来管理项目依赖。因此,在使用 Larav…

flexbox

布局的传统解决方案,基于盒状模型,依赖 display属性 position属性 float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响…

边缘检测 门限化分割 霍夫变换 区域分割

边缘检测 门限化分割 霍夫变换 区域分割 0. 通用函数定义 在本次作业中,将会多次使用到卷积、梯度合成、阈值分割以及图片批量显示的操作,故将这些操作定义为函数,以便重复使用。 - 卷积 def conv_process(img, operators, k_size):space…

wo-27s管理员账户和密码_获取电信天翼网关超级密码,修改路由模式为桥接模式...

概述 现在家庭安装的宽带基本上都是光纤入户了,极大的提升了上网的速度,光猫是将光纤中的光信号转换成电信号,光纤口转换成网口的必备入网设备,相信有不少的网络爱好者喜欢自己独立研究,但是电信配的光猫大多是只给了我们普通的账号,并没有给管理账号。然而,想要自己去设…

嵌入式常见英文2500词总结

目录 嵌入式硬件常见英文总结 嵌入式软件常见英文总结 电子技术专业英语 嵌入式硬件常见英文总结 block diagram,框图 figure,图形,图标 processor,处理器 Mirrored region,镜像空间 cost-effective,性…