presuppose-style v1.0.9

介绍

  在Web开发过程中，页面内容繁多时常让开发人员在为DOM元素命名class或ID时感到
困扰，尤其是在需要为一些样式复用的元素添加行内样式时，代码的可读性和美观性会
受到影响。此时，presuppose-style工具就能发挥作用，它相比传统的行内样式写法
更加简洁易用。

注意：该工具目前仍处于开发阶段，请勿在生产环境中使用。作者会不定期对其进行更新、
优化，并添加更多的预设样式。

使用

语法

模板-值 单位  

w-100px

示例

<div class="w-100px h-100px"></div>

这样页面会生成一个宽度跟高度为100px的DOM元素

支持单位

px、%、vw、vh、em、rem

模板展示

宽度: w 
高度: h

上外边距：mt        上内边距：pt
右外边距：mr        右内边距：pr
下外边距：mb        下内边距：pb
左外边距：ml        左内边距：pl
水平居中: ma

字体大小：fs        文字超出1行省略号：l1
文字居左: tl        文字超出2行省略号：l2
文字居右: tr        文字超出3行省略号：l3

超出隐藏：hd        相对定位：pre
超出滚动条：os      绝对定位：pae
横向滚动条: xs      固定定位：pfd
横向滚动条: ys

鼠标手：poi         

基本过渡：tra

flex布局：fx
垂直居中：ac
主轴居中：jc
主轴居右：ed
主轴居左：st
主轴平均分布：sa
主轴平均分布两边紧贴：sb

透明度: o   (必须搭配%符号使用 例:  o-52%)

隐藏: dn
块级元素：db
行内块级元素：dib

待完善...