class命名前缀：layui，连接符：-，如：class="layui-form"
命名格式一般分为两种：一：layui-模块名-状态或类型，二：layui-状态或类型。因为有些类并非是某个模块所特有，他们通常会是一些公共类。如：一（定义按钮的原始风格）：class="layui-btn layui-btn-primary"、二（定义内联块状元素）：class="layui-inline"
大致记住这些简单的规则，会让你在填充HTML的时候显得更加得心应手。另外，如果你是开发Layui拓展（模块），你最好也要遵循于类似的规则，并且请勿占用Layui已经命名好的类，假设你是在帮Layui开发一个markdown编辑器，你的css书写规则应该如下：
.layui-markdown{border: 1px solid #e2e2e2;}
.layui-markdown-tools{}
.layui-markdown-text{}Layui在解析HTML元素时，必须充分确保其结构是被支持的。以Tab选项卡为例：
<div class="layui-tab"> <ul class="layui-tab-title"> <li class="layui-this">标题一</li> <li>标题二</li> <li>标题三</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show">内容1</div> <div class="layui-tab-item">内容2</div> <div class="layui-tab-item">内容3</div> </div> </div>
你如果改变了结构，极有可能会导致Tab功能失效。所以在嵌套HTML的时候，你应该细读各个元素模块的相关文档（如果你不是拿来主义）
很多时候，元素的基本交互行为，都是由模块自动开启。但不同的区域可能需要触发不同的动作，这就需要你设定我们所支持的自定义属性来作为区分。如下面的 lay-submit、lay-filter即为公共属性（即以 lay- 作为前缀的自定义属性）：
<button class="layui-btn" lay-submit lay-filter="login">登入</button>
目前我们的公共属性如下所示（即普遍运用于所有元素上的属性）
| 属性 | 描述 |
|---|---|
| lay-skin=" " | 定义相同元素的不同风格，如checkbox的开关风格 |
| lay-filter=" " | 事件过滤器。你可能会在很多地方看到他，他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器 |
| lay-submit | 定义一个触发表单提交的button，不用填写值 |
本章节内容共分 4 部分：
- 开始使用
- 底层方法
- Layui 页面元素规范与说明
- Layui 模块规范
