Metrics
0
Watch 22 Star 52 Fork 2

zhangjing / quickly-cssCSSMIT

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
一个快速书写, 极易上手, 高度可扩展的CSS类库。 spread retract

https://www.npmjs.com/package/quickly-css

Clone or download
DOC.md 3.47 KB
Copy Edit Web IDE Raw Blame History
zhangjing authored 2019-03-28 13:56 . 文档更新

文档

[TOC]

background

设置背景颜色

<!-- example -->
<div class="bg-blue"></div>

可选值

  • .bg-white
  • .bg-black
  • .bg-grey
  • .bg-green
  • .bg-blue
  • .bg-yellow
  • .bg-red

border

设置border

<!-- example -->
<div class="border"></div>

可选值

  • .border
  • .b-v
  • .b-h
  • .b-double
  • .b-w-thin
  • .b-round
  • .b-l
  • .b-r
  • .b-t
  • .b-b

box

设置margin padding

<!-- example -->
<div class="m-t-10"></div>

cursor

设置cursor

<!-- example -->
<div class="cursor-pointer"></div>

可选值

  • .cursor- default, auto, crosshair, pointer, move, text, wait, help

display

设置display

<!-- example -->
<div class="d-block"></div>
<div class="hide"></div>
<div class="show"></div>

可选值

  • .display- inherit none inline inline-block block table inline-table table-cell
  • hide
  • show

flex

设置flex

<!-- example -->
<div class="flex j-between a-center"></div>
  <p>test1</p>
  <p>test2</p>
</div>

float

设置float

<!-- example -->
<div class="full-left"></div>

font-size

设置font-size

<!-- example -->
<div class="fs-14"></div>

font-weight

设置font-weight

<!-- example -->
<div class="bold"></div>

link

设置hover

<!-- example -->
<div class="link-blue"></div>

overflow

设置overflow

<!-- example -->
<div class="o-hidden>

position

设置position

<!-- example -->
<div class="relative"></div>

size

设置width,height

<!-- example -->
<div class="w-full"></div>

text-align

设置text-align

<!-- example -->
<div class="text-center"></div>

text-color

设置文本颜色

<!-- example -->
<div class="text-blue"></div>

vertical-align

设置vertical-align

<!-- example -->
<div class="v-a-top"></div>

visibility

设置visibility

<!-- example -->
<div class="visible"></div>

可选值

  • .display-
  • inherit none inline inline-block block table inline-table table-cell
  • hide
  • show

white-space

设置white-space

<!-- example -->
<div class="text-nomal"></div>

Comment ( 0 )

You need to Sign in for post a comment

CSS
1
https://gitee.com/zj1024/quickly-css.git
git@gitee.com:zj1024/quickly-css.git
zj1024
quickly-css
quickly-css
master

Help Search