block">深蓝色-块级按钮44浅蓝色-块级按钮45红色-块级按钮46黄色-块级按钮47绿色-块级按钮
代码语言:javascript 代码运行次数:0 运行 AI代码解释 Primary id和class的命名总规则为: 内容优先,表现为辅., 首先根据内容来命名, 比如main-nav. 如果根据内容找不到合适的命名, 可以再结合表现来定, 比如skin-blue(皮肤蓝色),present-tab(当前标签). 代码语言:javascript 代码运行次数:0 运行 AI代码解释 当前...
包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类:list, item, field 主次类:primary, secondary, sub, minor 大小类:s, m, l, xl, large, small 状态类:active, current, checked, hover, fail, success, wa...
同样标题也可以分为,页面标题.page-tt(title的简写),区块标题.block-tt等 样式修饰符:块或元素命名加上样式修饰符,之间用中划线(-)隔开 例:块或元素-样式修饰符 样式修饰符的命名只能用于Class选择器 使用小写命名 如:某个按钮的宽度加宽,则该按钮的样式修饰符名为long,全名就为:ui-btn-long 类型 修饰符名...
另一种是类似hidden这种 class，用多了肯定不好，但是适当的出现有助于在 js 中方便地切换显示状态。
这两个Button长得非常的相似，就背景颜色不一样，如果只使用一个类：Twitter Facebook 样式自然也就跟着...
区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：list, item, field 主次类：primary, secondary, sub, minor ⼤⼩类：s, m, l, xl, large, small 状态类：active, current, checked, hover, fail, success, warn, error, ...
Button 而使用daisyUI的代码如下: Button 上面的代码实现了了一个按钮,可以明显看后者比前者更节省代码。 顽强的适用性 daisy是一个纯净的CSS组件,它几乎适用于所有的前端开发场景,我在官网截了个图 可以看到目前已经支持全部的前端开发场景。 快速上手 现在我们使用Vue3+TS+Vite3创建要给项目...
区块类:region, block, box 结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类:list, item, field 主次类:primary, secondary, sub, minor 大小类:s, m, l, xl, large, small 状态类:active, current, checked, hover, fail, success, warn, error, on, off...
Button 而使用daisyUI的代码如下: Button 上面的代码实现了了一个按钮,可以明显看后者比前者更节省代码。 🍈 顽强的适用性 daisy是一个纯净的CSS组件,它几乎适用于所有的前端开发场景,我在官网截了个图 可以看到目前已经支持全部的前端开发场景。 🍇 快速上手 现在我们使用Vue3+TS+Vite...