HTML/CSS相关技术教程

  • HTML 教程
    HTML 教程

    超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一

  • HTML5 教程
    HTML5 教程

    HTML5是超文本标记语言第5代(HyperText Markup Language 5)的缩写。

  • CSS 教程
    CSS 教程

    CSS是层叠样式表(英文全称:Cascading Style Sheets)的缩写,是一种用

  • CSS3 教程
    CSS3 教程

    我们都知道CSS用于控制网页的样式和布局,CSS3是最新的CSS标准。

  • Sass 教程
    Sass 教程

    Sass (英文全称:Syntactically Awesome Stylesheets) 是一个最初由 Hampto

  • Layui 教程
    Layui 教程

    Layui 是一套开源的 Web UI 组件库,采用自身轻量级模块化规范,

  • Bootstrap3 教程
    Bootstrap3 教程

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于

  • Bootstrap4 教程
    Bootstrap4 教程

    Bootstrap4 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们

  • Bootstrap5 教程
    Bootstrap5 教程

    Bootstrap5目前是Bootstrap的最新版本,是一套用于HTML、CSS 和 JS 开发

  • AppML 教程
    AppML 教程

    appML是一个为web应用程序设计的HTML扩展框,结合了最新的技术和

  • Font Awesome 教程
    Font Awesome 教程

    Font Awesome是为Twitter Bootstrap 设计的图标字体。通过Web Font的方式

  • Foundation5 教程
    Foundation5 教程

    Foundation用于开发响应式的HTML, CSS and JavaScript 框架。Foundation 是一

HTML/CSS相关技术文档

[前端开发]layui动态显示/隐藏表格中的操作按钮

在layui中我们可能会有需要在执行完某一操作后使操作框变得不可选或者显示其他内容来进一步操作。例如: 这时我们就需要利用到layui中的一些语法: script type="text/html" id="对应操作栏的id"{{# if(条件){ }} a class="layui-btn layui-btn-xs layui-btn-warm" lay-
发布时间:2022-10-25   标签:  

[CMS教程]修改帝国CMS默认提示框样式为layui

修改帝国CMS默认提示框样式为layui,修改文件:e/message/index.php link href="?=$public_r[newsurl]?hmb2019/css/layui.css" rel="stylesheet" type="text/css"div class="layui-container" div class="layui-card" style="width:400px;box-shadow: 1px 1px 40px rgba(0,0,0,.3);margin: 0 au
发布时间:2022-10-25   标签:    

[前端开发]layui.form is not a function

使用layui 在验证表单的时候写法如下 : link rel="stylesheet" href="layui/css/layui.css"script src="layui/layui.js"/scriptscript src="layui/lay/dest/layui.all.js"/script scriptlayui.use(['form', 'jquery'],function() {    var $ = layui.jquery;    var form = layui.form();})
发布时间:2022-10-25   标签:    

[前端开发]layui中tree组件使用报错tree.render is not a function

layui中tree组件使用报错tree.render is not a function,错误信息如下: Uncaught TypeError:tree.render is not a functionat n .anonymoustree:21at c (layui.js?111:2)at r (layui.js?111:2) 解决方案一:可能你是用的layui的版本为2.5之前的版本,他将不被兼容, 因此既,你需要将la
发布时间:2022-10-25   标签:    

[前端开发]layui的弹出框msg修改字体按钮样式

调整layui的弹出框msg的字体大小以及其他样式: //文本里面可以加html标签let sure = layer.msg('span style="font-size:20px"确定喜欢她吗?/span', { time: 0 //0表示不自动关闭 ,time自动关闭所需毫秒 ,单位是毫秒(1秒=1000毫秒) , btn: ['span style="font-size:20px"确定/s
发布时间:2022-10-25   标签:      

[前端开发]layer.msg 弹出不同的效果的样式

icon 1到6的不同效果: layer.msg("我是一个勾,并抖动", {icon:1,time:2000, shift: 6});//一个勾layer.msg("我是一个x,并抖动", {icon:2,time:2000, shift: 6});//一个叉layer.msg("我一是一个问号,并抖动", {icon:3,time:2000, shift: 6});//一个问号layer.msg("我是一把锁,并抖动", {icon
发布时间:2022-10-25   标签:    

[前端开发]layui table隐藏列的操作

layui怎么隐藏列,该如何操作?加载完表格的操作: tableIns = table.render({ elem: '#tableDemo', url: '/pltTaskInfo/getDataByCondition', toolbar: '#toolbarDemo', cols: [cols], defaultToolbar: ['filter'], height: 'full-80', page: { limit: TableUIObj.onePageRecoeds, limits: [10, 2
发布时间:2022-10-25   标签:      

[前端开发]Layui在table中使用select下拉框

Layui在table中使用select,这个要怎么操作呢? 1、穿梭框 Layui从2.5.0版本增加了穿梭框,但项目要求左右两边均是表格,无奈只好使用第三方的穿梭框。 2、左右两边的表列数显示不一样 在原代码的基础上修改,使之支持两表的列定义。 3、未选择行
发布时间:2022-10-25   标签:        

[前端开发]layui table使用hide属性对列进行显示与隐藏

LayUI Table列的显示与隐藏可以通过CSS样式来控制,但是效果不是很满意。这里我通过修改列hide属性后重载表格来实现个别列的显示与隐藏。 1.单独定义表格形式: let cols1 = [ { type: 'numbers', title: '序号', width: 60, align: 'center' } , { field: 'MerchantNo', tit
发布时间:2022-10-25   标签:    

[前端开发]HTML CSS 伪元素添加元素 :before和:after的使用

HTML CSS 伪元素添加元素 :before和:after的使用,可以给标签加背景加字体,并可以设置背景图片和文字。1、元素开始位置添加元素:before{;;content: 开始位置;;;color: green;}2、元素结束位置添加元素:after{
发布时间:2022-10-25   标签:

[前端开发]一个css动画loading收藏

有时我们在开发项目需要等待加载完毕后再显示数据,我们可以给它加个loading动画,以下是收藏的一个动画效果供大家参考和使用;;;;;;;;loading;;;.loading__anim {;;;;;;width: 35px;;;;;height: 35px;;
发布时间:2022-10-25   标签:

[前端开发]解决layui框架excel导出长数据科学计数法问题

Layui框架自带的导出excel数据默认导出的数据会以数字格式存放,比较长的数据存放后会经过科学计数法加工,从而导致数据错误 解决方法: 1、在/lib/layui-v2.5.5/lay/modules/table.js中搜索:d.exportFile 2、将d.e
发布时间:2022-10-25   标签:

[前端开发]css关闭a标签点击出现蓝色背景问题

在做手机端页面的时候,会发现a标签点击会出现背景颜色问题,我们可以通过css样式来设置,解决这个问题。body {-webkit-tap-highlight-color:rgba(0,0,0,0);}这句代码加上去之后就不会出现点击背景颜色问题了。
发布时间:2022-10-25   标签: