layui-学习02-全局样式

CSS内置公共基础类

类名(class)

说明

布局

layui-main

用来安装一个大幅度为 1140px 底档次位于中块(无响应式)

layui-inline

用于将标签而为外联块状元素

layui-box

用以破除有的UI框架(如Bootstrap)强制将不折不扣素设为box-sizing:
border-box所引发的尺码偏差

layui-clear

用于破除浮动(一般不怎么常用,因为layui几乎从未因此到变化)

辅助

layui-icon

用以图标

layui-elip

用以单行文本溢起简约

layui-unselect

用于屏蔽选中

layui-disabled

用来安装元素不可点击状态

layui-circle

用以安装元素呢周

layui-show

用于展示块状元素

layui-hide

用来隐藏元素

文本

layui-text

概念一段文本区域(如文章),该区域外之非常标签(如a、li、em等)将见面进行相应处理

layui-word-aux

灰色标注性文字,左右会面生出距离

背景色

layui-bg-red

用来安装元素赤色背景

layui-bg-orange

用以安装元素橙色背景

layui-bg-green

用于安装元素墨绿色背景(主色调)

layui-bg-cyan

用来安装元素藏青色背景

layui-bg-blue

用以安装元素蓝色背景

layui-bg-black

用于安装元素经典黑色背景

layui-bg-gray

用来安装元素经典灰色背景

 

CSS命名规范

class命名前缀:layui,连接符:,如:class=”layui-form”

命名格式一般分为两种:

一:layui-模块名-状态或项目

二:layui-状态或项目

坐有些类似并非是某某模块所只是发,他们一般会是部分公共类。如:一(定义按钮的原来风格):class=”layui-btn
layui-btn-primary”、二(定义内联块状元素):class=”layui-inline”**

 

常用公共属性:

素的为主相行为,都是由于模块自动开。但不同之区域或得点不同的动作,这即需你设定我们所支撑之自定义属性来当有别于。如下面的 lay-submitlay-filter哪怕为国有性质(即因 lay- 作为前缀的自定义属性):<button
class=”layui-btn” lay-submit lay-filter=”login”>登入</button>

眼下咱们的公性质如下所示(即大采用于拥有因素上之性)

属性 描述
lay-skin=" " 定义相同元素的不同风格,如checkbox的开关风格
lay-filter=" " 事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器
lay-submit 定义一个触发表单提交的button,不用填写值

相关文章