Common常用样式
这里举例一些常用样式
key-value形式列表(1):key宽自适应
单据:
ZXD2019121002
销售人:
张三
销售品牌:
Smailse
单据状态:
审核通过
出库状态:
打包中
出库说明:
(空)
制单人:
李四
核查员:
周五
创建时间:
2019-12-10
key-value形式列表(2):key宽80px左对齐
单据:
ZXD2019121002
销售人:
张三
销售品牌:
Smailse
单据状态:
审核通过
出库状态:
打包中
出库说明:
(空)
制单人:
李四
核查员:
周五
创建时间:
2019-12-10
key-value形式列表(3):key宽80px右对齐
单据:
ZXD2019121002
销售人:
张三
销售品牌:
Smailse
单据状态:
审核通过
出库状态:
打包中
出库说明:
(空)
制单人:
李四
核查员:
周五
创建时间:
2019-12-10
单行无序符号形式列表

只要心里的春色不改,便会把寻常的日子走成诗意般的温柔。

晨间的烟雨还泛着薄凉,只是轩窗外风的一声轻唤,于朦胧间开出了一朵温暖。

我并非天涯远行的女子,所谓的足迹也不过是寻一朵花开,然后凝结成微笑的模样。

ul、ol等形式列表
  • 生命是孤独的,却也可以清欢,淡雅,婉媚
  • 静静打开一扇窗,任清风枕着流水,白云绕着青山
  • 落款岁月的长情,欢喜是一枚馨香的种子
  1. 生命是孤独的,却也可以清欢,淡雅,婉媚
  2. 静静打开一扇窗,任清风枕着流水,白云绕着青山
  3. 落款岁月的长情,欢喜是一枚馨香的种子
  1. 唯美句子
  2. 生命是孤独的,却也可以清欢,淡雅,婉媚
  3. 静静打开一扇窗,任清风枕着流水,白云绕着青山
  4. 落款岁月的长情,欢喜是一枚馨香的种子
  5. 伤感句子
  6. 生命是孤独的,却也可以清欢,淡雅,婉媚
  7. 静静打开一扇窗,任清风枕着流水,白云绕着青山
  8. 落款岁月的长情,欢喜是一枚馨香的种子
class形式图标
这种形式与font图标比起来在class控制上更加灵活多变。
全局元素大小设置
该class可用于控制网页字体大小、h1-h6、.btn按钮、input输入框

min 最小号

small 小号

big 大号

max 最大号

常用class列表

text-left文字左居中

text-right文字右居中

text-center文字居中

text-justify文字齐行改变单词间的间隔

lowercase英文字母为小写

uppercase英文字母为大写

capitalize首字母大写

align-top设置纵向顶部对齐

align-middle设置纵向居中对齐

align-bottom设置纵向底部对齐

nowrap禁止换行

bold粗体

inline行内元素

block块级元素

inline-block行内块级元素

none不显示

absolute绝对定位

fixed绝对定位

relative相对定位

left浮动-左

right浮动-右

clear清除浮动

align-items-center居中对齐

hide隐藏元素

cursor-pointer小手点击鼠标

resize-none用户无法调整元素的尺寸

resize-both用户可调整元素的高度和宽度

resize-horizontal用户可调整元素的宽度

resize-vertical用户可调整元素的高度

el文字溢出显示省略号

download下载链接专用

noselect禁止选择文本

img-gray图片变为黑白

scrollbar美化滚动条

代码示例