common-css

常用样式合集, common style collection.

float

• .f-l

  float: left;

• .f-r

  float: right;

clear

• .clear

  clear: both;

• .clear-l

  clear: left;

• .clear-r

  clear: right;

text align

• t-a-l

  text-align: left;

• t-a-r

  text-align: right;

• t-a-c

  text-align: center;

margin

• m-*

  m-* => margin: *px;

  1. m-0
  2. m-5
  3. m-10
  4. m-20
  5. m-30
  6. m-40
  7. m-50

• m-horizontal-auto/m-h-auto/m-auto

  margin-left: auto; margin-right: auto;

• m-h-*

  margin-left: *px; margin-rigth: *px;

• m-v-*

  margin-top: *px; margin-bottom: *px;

• m-t-*

  m-t-* => margin-top: *px;

• m-b-*

  m-b-* => margin-bottom: *px;

• m-l-*

  m-l-* => margin-left: *px;

• m-r-*

  m-r-* => margin-right: *px;

padding

• p-*

  p-* => padding: *px;

• p-h-*

  padding-left: *px; padding-rigth: *px;

• p-v-*

  padding-top: *px; padding-bottom: *px;

• p-t-*

p-t-* => padding-top: *px;

• p-b-*

  p-b-* => padding-bottom: *px;

• p-l-*

  p-l-* => padding-left: *px;

• p-r-*

  p-r-* => padding-right: *px;

color

• red

  color: red;

• green

  color: green;

• blue

  color: blue;

• white

  color: white;

• black

  color: black;

• gray

  color: gray;

• gray-8

  color: #888;

• gray-9

  color: #999;

• gray-a

  color: #aaa;

• gray-b

  color: #bbb;

• gray-c

  color: #ccc;

• gray-d

  color: #ddd;

• gray-e

  color: #eee;

background color

• bg-red

  background-color: red;

• bg-green

  background-color: green;

• bg-blue

  background-color: blue;

• bg-white

  background-color: white;

• bg-black

  background-color: black;

• bg-gray

  background-color: gray;

• bg-gray-8

  background-color: #888;

• bg-gray-9

  background-color: #999;

• bg-gray-a

  background-color: #aaa;

• bg-gray-b

  background-color: #bbb;

• bg-gray-c

  background-color: #ccc;

• bg-gray-d

  background-color: #ddd;

• bg-gray-e

  background-color: #eee;

fonts

• bold/f-b

  font-weight: bold;

• f-n

  font-weight: normal;

texts

• t-d-none

  :hover text-decoration: none;

• t-d-ul

  text-decoration: underline;

displays

• inline/il/d-il

  display: inline;

• block/blk/d-blk

  display: block;

• inlin-block/il-blk/d-il-blk

  display: inlineblock;

• hide/d-none

  display: none;

positions

• position-fixed/p-f

  position: fixed;

• position-absolute/p-a

  position: absolute;

• position-status/p-s

  position: static;