size.css

.white{color:white;}

.black{color:black;}

.t2{text-indent:2em;}

.t4{text-indent:4em;}

.oh{overflow:hidden;}

.oa{overflow:auto;}

.fl{float:left;}

.fr{float:right;}

.pr{position:relative;}

.pa{position:absolute;}

.cb{clear:both;}

.cl{clear:left;}

.cr{clear:right;}

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.vt{vertical-align:top;}

.vc{vertical-align:middle;}

.vb{vertical-align:bottom;}

.none{display:none;}

.db{display:block;}

.di{display:inline;}

.d_ib{display:inline-block;}

.yahei{font-family:"Microsoft YaHei";}

.heiti{font-family:‘SimHei‘;}

.songti{font-family:‘SimSun‘;}

.kaiti{font-family:‘KaiTi‘;}

.fw5{font-weight:500;}

.fw6{font-weight:600;}

.fwl{font-weight:lighter;}

.fwb{font-weight:bold;}

.fwn{font-weight:normal;}

.ls2{letter-spacing:2px;}

.ls4{letter-spacing:4px;}

.ls6{letter-spacing:6px;}

.ls8{letter-spacing:8px;}

.ls10{letter-spacing:10px;}

.ls12{letter-spacing:12px;}

.ls14{letter-spacing:14px;}

.ls16{letter-spacing:16px;}

.ls18{letter-spacing:18px;}

.ls20{letter-spacing:20px;}

.f10{font-size:10px;}

.f11{font-size:11px;}

.f12{font-size:12px;}

.f13{font-size:13px;}

.f14{font-size:14px;}

.f15{font-size:15px;}

.f16{font-size:16px;}

.f17{font-size:17px;}

.f18{font-size:18px;}

.f19{font-size:19px;}

.f20{font-size:20px;}

.f21{font-size:21px;}

.f22{font-size:22px;}

.f23{font-size:23px;}

.f24{font-size:24px;}

.f25{font-size:25px;}

.f26{font-size:26px;}

.f27{font-size:27px;}

.f28{font-size:28px;}

.f29{font-size:29px;}

.f30{font-size:30px;}

.w15{width:15px;}

.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;}

.w1{width:10%}

.w2{width:20%}

.w3{width:30%}

.w4{width:40%}

.w5{width:50%}

.w6{width:60%}

.w7{width:70%}

.w8{width:80%}

.w9{width:90%}

.w10{width:100%}

.h15{height:15px;}

.h20{height:20px;}

.h25{height:25px;}

.h30{height:30px;}

.h35{height:35px;}

.h40{height:40px;}

.h45{height:45px;}

.h50{height:50px;}

.h55{height:55px;}

.h60{height:60px;}

.h65{height:65px;}

.h70{height:70px;}

.h75{height:75px;}

.h80{height:80px;}

.h85{height:85px;}

.h90{height:90px;}

.h95{height:95px;}

.h100{height:100px;}

.h110{height:110px;}

.h120{height:120px;}

.h130{height:130px;}

.h140{height:140px;}

.h150{height:150px;}

.h160{height:160px;}

.h170{height:170px;}

.h180{height:180px;}

.h190{height:190px;}

.h200{height:200px;}

.h210{height:210px;}

.h220{height:220px;}

.h230{height:230px;}

.h240{height:240px;}

.h250{height:250px;}

.h260{height:260px;}

.h270{height:270px;}

.h280{height:280px;}

.h290{height:290px;}

.h300{height:300px;}

.h310{height:310px;}

.h320{height:320px;}

.h330{height:330px;}

.h340{height:340px;}

.h350{height:350px;}

.h360{height:360px;}

.h370{height:370px;}

.h380{height:380px;}

.h390{height:390px;}

.h400{height:400px;}

.h410{height:410px;}

.h420{height:420px;}

.h430{height:430px;}

.h440{height:440px;}

.h450{height:450px;}

.h460{height:460px;}

.h470{height:470px;}

.h480{height:480px;}

.h490{height:490px;}

.h500{height:500px;}

.h1{height:10%}

.h2{height:20%}

.h3{height:30%}

.h4{height:40%}

.h5{height:50%}

.h6{height:60%}

.h7{height:70%}

.h8{height:80%}

.h9{height:90%}

.h10{height:100%}

.lh15{line-height:15px;}

.lh20{line-height:20px;}

.lh25{line-height:25px;}

.lh30{line-height:30px;}

.lh35{line-height:35px;}

.lh40{line-height:40px;}

.lh45{line-height:45px;}

.lh50{line-height:50px;}

.lh55{line-height:55px;}

.lh60{line-height:60px;}

.lh65{line-height:65px;}

.lh70{line-height:70px;}

.lh75{line-height:75px;}

.lh80{line-height:80px;}

.lh85{line-height:85px;}

.lh90{line-height:90px;}

.lh95{line-height:95px;}

.lh100{line-height:100px;}

.lh1{line-height:10%}

.lh2{line-height:20%}

.lh3{line-height:30%}

.lh4{line-height:40%}

.lh5{line-height:50%}

.lh6{line-height:60%}

.lh7{line-height:70%}

.lh8{line-height:80%}

.lh9{line-height:90%}

.lh10{line-height:100%}

.m5{margin:5px;}

.m10{margin:10px;}

.m15{margin:15px;}

.m20{margin:20px;}

.m25{margin:25px;}

.m30{margin:30px;}

.m35{margin:35px;}

.m40{margin:40px;}

.m45{margin:45px;}

.m50{margin:50px;}

.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;}

.mt45{margin-top:45px;}

.mt50{margin-top:50px;}

.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;}

.mb45{margin-bottom:45px;}

.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}

.ml10{margin-left:10px;}

.ml15{margin-left:15px;}

.ml20{margin-left:20px;}

.ml30{margin-left:30px;}

.ml35{margin-left:35px;}

.ml40{margin-left:40px;}

.ml45{margin-left:45px;}

.ml50{margin-left:50px;}

.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;}

.mr45{margin-right:45px;}

.mr50{margin-right:50px;}

.p5{padding:5px;}

.p10{padding:10px;}

.p15{padding:15px;}

.p20{padding:20px;}

.p25{padding:25px;}

.p30{padding:30px;}

.p35{padding:35px;}

.p40{padding:40px;}

.p45{padding:45px;}

.p50{padding:50px;}

.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;}

.pt45{padding-top:45px;}

.pt50{padding-top:50px;}

.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;}

.pb45{padding-bottom:45px;}

.pb50{padding-bottom:50px;}

.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;}

.pl45{padding-left:45px;}

.pl50{padding-left:50px;}

.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;}

.pr45{padding-right:45px;}

.pr50{padding-right:50px;}

时间： 2024-11-09 01:45:41

size.css的相关文章

哎呦，这个开发CSS不错哦

SASS用法 <转载于http://www.cnblogs.com/jingwhale/p/4601115.html> CSS是一种样式设计语言.有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor).它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.本文介绍SASS,觉得它有很多优点.下面是一些用法总结. 一.什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的

css module.css demo

/* *GNET Size css *@author:ljw *@date:2015/06/07 */ /**通用**/ a{color:inherit;text-decoration: none;} a:focus, a:hover{color:#d2232a;text-decoration:none;outline:none;} /**font-size**/ .ft12{font-size:0.85em;} .ft14{font-size:1em;} .ft16{font-size: 1.

sass语法基础知识

文件后缀名 sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号:另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号.而本教程中所说的所有sass文件都指后缀名为scss的文件.在此也建议使用后缀名为scss的文件,以避免sass后缀名的严格格式要求报错. //文件后缀名为sass的语法 body background: #eee font-size:12px p background: #0982c1 //文件后缀名为scss的语法 b

DOM学习笔记三

通过节点层次关系获取节点:(重要) 当节点既没有id,也没有name,通过节点当中的关系,是另一种获取节点方式  <script type="text/javascript"&g

Sass学习笔记 -- 变量及变量作用域历史遗留问题

sass有两种后缀名文件: 一种后缀名为sass,写选择器时不能使用大括号和分号一种后缀名为scss,使用大括号和分号 //后缀名为sass的语法,不能出现大括号和分号 $highlight-color: #abcdef .selected border: 1px $highlight-color solid //后缀名为scss的语法,跟css一样,需要大括号和分号 $highlight-color: #abcdef; .selected{ border:1px solid $

Sass学习笔记 -- 初步了解函数、运算、条件判断及循环

函数 sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始.sass的官方函数链接为:sass fuction,实际项目中我们使用最多的应该是颜色函数,而颜色函数中又以lighten减淡和darken加深为最,其调用方法为lighten($color,$amount)和darken($color,$amount),它们的第一个参数都是颜色值,第二个参数都是百分比. //scss $baseFontSize: 10px !default; $gray:

一些sass

# sass #---sass---定义变量:-- $变量名: : 默认变量 sass的默认变量仅需要在值后面加上!default即可.list--list数据可通过空格,逗号或小括号分隔多个值,可用nth($var,$index)取值 map--map数据以key和value成对出现,其中value又可以是list.格式为:$map: (key1: value1, key2: value2, key3: value3);.可通过map-get($map,$key)取值 $head

SASS用法

SASS用法 CSS是一种编程语言.有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor).它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.本文介绍SASS,觉得它有很多优点.下面是一些用法总结. 一.什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护.本文总结了SASS的主要用法.有了这篇文章,日常的一般使用就不需要去看官方文档了

SASS使用总结

简单用法: 变量 sass中可以定义变量,方便统一修改和维护. //sass style $fontStack: Helvetica, sans-serif; $primaryColor: #333; body { font-family: $fontStack; color: $primaryColor; } //css style body { font-family: Helvetica, sans-serif; color: #333; } 嵌套 sass可以进行选择器的嵌套,表示层级关