layui基本使用

使用layui导入layui.css、layui.js文件即可
主要分为两块给大家介绍,页面元素以及内置模块
个人理解,页面元素其实就是对html进行封装,直接可以引用美观的样式进行布局,内置模块就是封装好了的js对象可供调用。

layui底层方法介绍

略! 通常需要扩充layui组件的时候才会用上

CSS内置公共基础类

用于设置一个宽度为 1140px 的水平居中块(无响应式)
用于将标签设为内联块状元素
用于排除一些UI框架(如Bootstrap)强制将全部元素设为box-sizing: border-box所引发的尺寸偏差
说白了就是单行显示不全会显示...符号,用于单行文本溢出省略

CSS命名规范

命名格式一般分为两种:
一:layui-模块名-状态或类型,二:layui-状态或类型。因为有些类并非是某个模块所特有,他们通常会是一些公共类。如:
一(定义按钮的原始风格):class="layui-btn layui-btn-primary"、二(定义内联块状元素):class="layui-inline"

HTML规范:结构

HTML规范:常用公共属性