
CSS
记录CSS知识
新时代的弩力
搬砖崽一枚
展开
-
记录grid布局属性
以下属性是项目的属性。原创 2024-06-22 01:12:08 · 233 阅读 · 0 评论 -
scss中@import “xxx“和@import url(“xxx“)的区别
不会,scss文件引入另一个scss文件并且想使用其中的变量,要用@import “xxx.scss”.会经过sass-loader处理,而。原创 2024-02-07 09:49:51 · 849 阅读 · 0 评论 -
unocss在vue-cli中的使用
presetUno的预设是继承于。,卸载上面的依赖,再重新装试试。只在vite工程中起作用,在。.支持流行的css框架如。原创 2023-09-27 11:13:24 · 2163 阅读 · 3 评论 -
table里的列不同比例宽度设置,两列不同比例设置
里只有table的宽度能准确设置,td的宽度设置只是比例,类似。宽度则会按比例计算每列的宽度。原创 2023-04-23 22:27:48 · 865 阅读 · 0 评论 -
自定义滚动条样式
记录自定义滚动条样式。原创 2023-03-16 17:54:14 · 73 阅读 · 0 评论 -
clip-path结合background绘制五角星
css五角星原创 2022-10-17 09:22:26 · 197 阅读 · 0 评论 -
cubic-bezier:运动的缓冲函数easing-funtion
css中,过渡transition或者动画animation的缓冲函数cubic-bezier(x1, y1, x2, y2),其中P1(x1,x2),P2(x2,y2)表示这两个点的坐标原创 2022-06-24 22:55:59 · 235 阅读 · 0 评论 -
vue项目使用sass报错this.getOptions is not a function
报错信息如下:this.getOptions is not a function原因是sass-loader版本太高重新安装原创 2022-06-03 20:08:38 · 210 阅读 · 0 评论 -
给元素设置contenteditable=“true“后,阻止输入回车键
设置该元素display:flex原创 2022-03-22 12:10:41 · 2081 阅读 · 1 评论 -
bootstrap中主题颜色的修改影响到的基本工具类的样式
1.在bootstrap.css中搜索primary,发现有以.xxx-primary开头的类有.table-primary,影响表格的background-color.btn-primary,影响按钮的background-color和border-color.bg-primary,影响background-color.text-primary,影响字体颜色color.border-primary,边框颜色2. bootstrap的主题色名称共有8个priamrysecondary原创 2021-08-20 13:04:23 · 1204 阅读 · 0 评论 -
less笔记
变量定义:变量名为@开头,以;分号结尾,否则会报错。格式:@名字:值@color:#fff;//在选择器中使用变量,和字符串拼接使用@{名字}@white:white;.text-@{white}{ color: @white;}结果.text-white { color: white;}list变量//定义,逗号或空格分隔@numbers:1,2,3,4;@colors:red,blue,green;//list 有关的函数//获取list某个索原创 2021-08-18 11:52:33 · 129 阅读 · 0 评论 -
记录sass相关
变量$开头命名变量$blue:#ff0000;定义map变量map变量相当于对象$colors:( primary:blue; success:red;)map-get获取map变量某个key的值.text-blue{ color:map-get($colors,'primary')}map-merge合并map变量map-merge($colors,$another-colors)!default!default表示如果变量赋值过,那么!defaut的赋值就无效原创 2021-08-16 15:03:15 · 323 阅读 · 0 评论 -
浏览器表单自动填充改变输入框边框和背景解决方法
方法:将input:-webkit-autofill,等设置一个非常长的过渡动画,让其过渡极其缓慢以至于看不出自动填充后的效果input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color99...原创 2021-05-27 14:46:50 · 302 阅读 · 0 评论 -
css3的filter:blur()实现毛玻璃效果
css3的filter属性,实现滤镜效果,filter:blur(8px),兼容其他浏览器,加上其他浏览器前缀:filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);-o-filter:blur(5px);...原创 2021-04-26 18:59:22 · 281 阅读 · 0 评论 -
img、input和其他的单标签是没有after和before伪元素的,因为单标签本身不能有子元素
img、input和其他的单标签是没有after和before伪元素的,因为单标签本身不能有子元素,所以不能通过input::before来写一些图标之类的内容原创 2021-04-26 18:40:32 · 647 阅读 · 0 评论 -
border:none解决input框加上border-radius后出现的内部阴影
outline:none,border:none原创 2021-04-26 16:59:22 · 500 阅读 · 1 评论 -
转载:margin负值的应用
两头固定,中间自适应的布局,可以利用margin的负值来调整浮动元素的位置来实现。结构如下: <div class="main"> <div class="content">我是内容</div> </div> <div class="fl">zuo</div> <div class="fr">......原创 2019-12-20 13:39:16 · 646 阅读 · 0 评论