css
KAGHQ
这个作者很懒,什么都没留下…
展开
-
css调整字体间距 以及让倾斜字体
请注意,不是所有的字体都有斜体样式可用。如果字体本身没有斜体版本,则可能无法实现完全的斜体效果。原创 2023-09-26 19:36:17 · 905 阅读 · 0 评论 -
HTML不常用但是好用的标签
【代码】HTML不常用但是好用的标签。原创 2023-07-26 20:19:18 · 707 阅读 · 0 评论 -
css简单加载动效
【代码】css简单加载动效。原创 2023-07-26 20:08:26 · 943 阅读 · 0 评论 -
css如何在切换的时候写出圆弧
css原创 2023-07-12 21:24:47 · 122 阅读 · 0 评论 -
css使用flex自适应高度内容高度,超出容器高度自动出现滚动条的问题
【代码】css使用flex自适应高度内容高度,超出容器高度自动出现滚动条的问题。转载 2023-03-30 20:40:45 · 939 阅读 · 0 评论 -
移动端设置安全距离
【代码】移动端设置安全距离。原创 2023-01-02 21:19:00 · 214 阅读 · 0 评论 -
拿到一个之前项目,如何查看里面的字体图标
将该文件导入 在线字体文件转化工具,就可以看到字体图标了。首先找到项目中放字体文件的地方。原创 2022-12-31 23:41:31 · 513 阅读 · 0 评论 -
前端写一个旋转的小加号
【代码】前端写一个旋转的小加号。原创 2022-12-31 16:06:37 · 91 阅读 · 0 评论 -
修改vant弹窗中的按钮颜色
/deep/.van-dialog__button { &:first-child { .van-button { color: #666666 !important; } } &:last-child { .van-button { color: #0066ff !important; } }}原创 2022-04-14 20:27:08 · 4142 阅读 · 0 评论 -
sass学习5-while
<style type='text/scss'>$x:1;@while $x<6 { .text-#{$x} { font-size:$x*15 } $x:$x+1;}</style><p class="text-1">Hello</p><p class="text-2">Hello</p><p class="text-3">Hello</p><原创 2022-03-08 16:24:11 · 124 阅读 · 0 评论 -
sass学习4使用 @each 映射列表中的项目
<style type='text/scss'>$colors: (color1: blue, color2: black, color3: red);@each $key, $color in $colors { .#{$color}-bg {color: $color;}} div { height: 200px; width: 200px; } .blue-bg { background-color: blue; } .black原创 2022-03-08 15:59:48 · 112 阅读 · 0 评论 -
sass学习3使用@for 创建一个 Sass 循环
<style type='text/scss'>@for $i from 1 through 6 { .text-#{$i} { font-size: 15*$i }}</style><p class="text-1">Hello</p><p class="text-2">Hello</p><p class="text-3">Hello</p><p class="text原创 2022-03-08 15:43:58 · 178 阅读 · 0 评论 -
sass学习2-@if@else if@else使用
<style type='text/scss'>@mixin border-stroke($val) { @if $val == light { border: 1px solid black; } @else if $val == medium { border: 3px solid black; } @else if $val == heavy { border: 6px solid black; } @else { borde原创 2022-03-08 15:38:20 · 782 阅读 · 0 评论 -
sass学习1-mixins
统一修改border-radius<style type='text/scss'>@mixin border-radius($x) { -webkit-border-radius: $x; -moz-border-radius: $x; -ms-border-radius: $x; border-radius: $x;} #awesome { width: 150px; height: 150px; background-color: gre原创 2022-03-08 15:37:07 · 132 阅读 · 0 评论 -
flex: 0 1 auto; 是什么意思?
放大比例、缩小比例、分配多余空间之前占据的主轴空间。原创 2022-01-25 10:35:41 · 449 阅读 · 0 评论