tailwindcss用法的延伸
自定义颜色如果设计同学提供了项目中的主题色，并且有语义化的名称，比如类似success，info，warning这种语义化的颜色，我们就可以基于这些来配置我们的颜色，包括但不限于字体、背景、边框、阴影颜色(配置完之后直接可以使用类似text-success的类来设置颜色)，可以替换css预处理器的变量功能// tailwindcss v3const colors = { 'success&...
tailwind css 生态和封装组件
大神整理的https://asmcn.icopy.site/awesome/awesome-tailwindcss/比较好用的片段封装...
CSS3实现折角效果
background:linear-gradient参数介绍background:linear-gradient(angle,color-stop length,color-stop，length)angle可以指定0~360deg...
layadmin增加版本号，修改后更新缓存
layui.config({ base: '/...' ,version: 12345}).use('index');...
解决移动端1px边框的问题 border.css
因为移动端一些设备物理像素和显示像素有区别，如果直接使用border:1px的话，在某些屏幕上变成了2px甚至3px。border.css就是为了解决这个问题诞生的。首先引入border.css在需要显示1像素border的区块上直接添加样式即可.border, //上下左右.border-top,//上.border-right,//右.border-bottom,//下.border-left,//左.border-topbottom,//上下.bor...
stylus定义变量、代码片段及使用方法
以Vue.js开发去哪儿网旅游网站全纪录为例，介绍stylus定义变量和使用方法一、变量定义和应用在src/assets/styles目录下新建varibles.styl文件定义$bgColor = #ff0000在组件的style中引入文件@import '~styles/varibles.styl'备注：上面的styles是在vue.config.js中设置的@/assets/styles路径的别名，在css中引用必须加前缀~...
使用Teleport pro整站下载相关问题
1、如页面样式问题，比如居中的却没生效，但服务器上却可以居中，查看到样式文件也下了，路径也对上了，还是没法实现该有的样式，这时看一下源文件的html开始标签，可能出现两个＜HTML＞标签，一个是带xmlns="˂ahref="http://www.w3.org/1999/xhtml"style="color:rgb(255,153,0)...
float元素浮动后高度不一致导致错位的解决办方法
当N个元素浮动后，会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0;浮动子元素定义需要的font-size，再定义display:inline-block;vertical-align:top; ˂preclass="prism-highlightprism-lan...
手机网页去掉苹果自带的按钮样式
为客户制作手机版网页时，在电脑上调试没有发现问题，使用安卓手机也没问题。但是用苹果手机访问的时候，发现所有按钮都被替换成了苹果的模式按钮样式，非常难看。去除苹果默认样式，只要在css里加上：-webkit-appearance:none;就可以了。...
DOCTYPE html PUBLIC 导致js飘动不可用
网页需要增加一个全屏飘动的广告，在网上搜了段js代码，下载下来，测试没有问题。随即将该段代码复制出来，粘贴到网站的模板里，生成网页。问题出现了：飘动图片死活不飘动。分别在各个浏览器下测试，发现ie浏览器下可以飘动，chrome和火狐均不支持。 漫漫解决上路了： 1、严格检查js脚本，是否有错误。(排除) 2、逐段删除模板里的代码，直至只剩下飘动广告，问题依然存在。(排除) 3、此时有点迷茫了，明明直接运行下载的实...