收录一个简单的css类库
/* CSS liberary */
.yahei {
font-family: "Microsoft Yahei", "Tahoma", "SimSun";
}
/* color */
.color0 {
color: #fd6c00;
}
.color1 {
color: #3b9502;
}
.color2 {
color: #ff0103;
}
.color3 {
color: #333;
}
.color4 {
color: #ff9c0a;
}
.color5 {
color: #3195d0;
}
.color6 {
color: #666;
}
.color7 {
color: #cd0102;
}
.color8 {
color: #2054db;
}
.color9 {
color: #999;
}
.color00 {
color: #000;
}
/* text-indent */
.ti2 {
text-indent: 2em;
}
/* font-size */
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f22 {
font-size: 22px;
}
.f24 {
font-size: 24px;
}
.f26 {
font-size: 26px;
}
/*font-weight*/
.ft600 {
font-weight: 600;
}
.ft300 {
font-weight: 300;
}
/* width */
.w30 {
width: 30px;
}
.w50 {
width: 50px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w180 {
width: 180px;
}
.w300 {
width: 300px;
}
.w530 {
width: 530px;
}
/* float */
.float_l {
float: left;
}
.float_r {
float: right;
}
.clearfix {
clear: both;
}
/* text-align */
.t_c {
text-align: center;
}
.t_r {
text-align: right;
}
/* vartical-align */
.v_t {
vertical-align: top;
}
.v_m {
vertical-align: middle;
}
/* display */
.d_ib {
display: inline-block;
}
/* padding */
.p0 {
padding: 0px;
}
.pt3 {
padding-top: 3px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt12 {
padding-top: 12px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pl3 {
padding-left: 3px;
}
.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl12 {
padding-left: 12px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl30 {
padding-left: 30px;
}
.pl40 {
padding-left: 40px;
}
.pl50 {
padding-left: 50px;
}
.pl120 {
padding-left: 120px;
}
.pr3 {
padding-right: 3px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr12 {
padding-right: 12px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr30 {
padding-right: 30px;
}
.pb3 {
padding-bottom: 3px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom:10px;
}
.pb12 {
padding-bottom:12px;
}
.pb15 {
padding-bottom:15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb30 {
padding-bottom: 30px;
}
/* margin */
.m0 {
margin: 0px;
}
.mt3 {
margin-top: 3px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt12 {
margin-top: 12px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mb3 {
margin-bottom: 3px;
}
.mb5{
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb12 {
margin-bottom: 12px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.ml3 {
margin-left: 3px;
}
.ml5 {
margin-left: 5px;
}
.ml8 {
margin-left: 8px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.mr3 {
margin-right: 3px;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr12 {
margin-right: 12px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr30{
margin-right: 30px;
}
.mr40{
margin-right: 40px;
}
.hide
{ display:none;
}
.show{ display:block;}
收录一个简单的css类库的更多相关文章
- 一个简单的CSS示例
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 & ...
- 通过编写一个简单的日志类库来加深了解C#的文件访问控制
在程序的开发调试过程及发布运行后的状态监控中,日志都有着极其重要的分量,通过在关键逻辑节点将关键数据记录到日志文件当中能帮助我们尽快找到程序问题所在.网上有不少专业成熟的日志组件可用,比如log4ne ...
- 一个简单的CSS登录页
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- css基础--简单介绍css
--引入 什么是css? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解 ...
- 1 WCF 一个基础理论 以及如何实现一个简单wcf服务
1 SOA : service oriented architecture 面向服务的架构 2 web service标准 3 概念理解图 4 WCF类库 项目的 wcf简单实现 首先创建一个简单的w ...
- Css实现一个简单的幻灯片效果页面
使用animation动画实现一个简单的幻灯片效果. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 2 ...
- CSS布局中一个简单的应用BFC的例子
什么是BFC BFC(Block Formatting Context),简单讲,它是提供了一个独立布局的环境,每个BFC都遵守同一套布局规则.例如,在同一个BFC内,盒子会一个挨着一个的排,相邻盒子 ...
- 【Css】一个简单的选项卡
这次来做一个简单的选项卡. 选项卡其实就分3个部分:html代码,用于显示的内容:css代码,用于显示的样式:javascript代码,用于点击事件. 老规矩,先写一个html坯子. <!DOC ...
- 【Css】一个简单的图片库
今天做一个简单的图片库! 其实这个在w3school教程里介绍得很好了,不过看到什么,自己动手做一次,记得也深刻不是. 我们分几步来走: 第一步:先写一个坯子. <html> <he ...
随机推荐
- 最简单的Linux-ACL操作
添加ACL setfacl -m u:'username':rw 'dir or file' "-R可以迭代式的给目录下所有文件都添加相同的ACL" 查看ACL规则 getfa ...
- poj3264
Balanced Lineup Time Limit: 5000MS Memory Limit: 65536K Total Submissions: 45777 Accepted: 21499 ...
- C# WPF 连接数据库Sqlhelper类
从视频上学习到的WPF连接数据库的方法 需要配置一个 configuration 文件,包含 SQL instance 的相关信息 using System; using System.Collect ...
- ActiveMQ 的安装
1. 在 http://activemq.apache.org/ 下载 ActiveMQ.Windows 系统选择下载 apache-activemq-x.x.x-bin.zip,Unix/Linux ...
- 【TOMCAT】Tomcat gzip压缩传输数据
概述 由于我们项目的三维模型文件非常大,为了提高传输速度,在服务端对其做zip压缩处理非常有必要,能够极大的提高传输速度. 配置 首先需要修改web.xml中请求的数据文件的mime类型的mappin ...
- iPad accessory communication through UART
We manufacture a new accessory for iPad/iPhone which should transfer commands to the iPad. We like t ...
- response小结(五)—通过response实现请求重定向
请求重定向指的是一个web资源收到客户端请求后,通知客户端去访问另外一个web资源,这称之为请求重定向.302状态码和location头即可实现重定向. 请求重定向最常见的应用场景就是用户登录. 下面 ...
- sql常识-IN 操作符
IN 操作符 IN 操作符允许我们在 WHERE 子句中规定多个值. SQL IN 语法 SELECT column_name(s) FROM table_name WHERE column_name ...
- ### 学习《C++ Primer》- 9
Part 9: 模板与泛型编程(第16章) // @author: gr // @date: 2016-03-18 // @email: forgerui@gmail.com 1. 模板参数 类型模板 ...
- 转:ASP.NET中的SESSION实现与操作方法
在ASP.NET中,状态的保持方法大致有:ApplicationState,SessionState,Cookie,配置文件,缓存. ApplicationState 的典型应用如存储全局数据. Se ...