![](https://img-blog.csdnimg.cn/20210825143036852.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 68
CSS
雨季mo浅忆
你来我就好好珍惜,
你走我就好好生活。
展开
-
css预处理器scss的使用&&如何全局引入
css预处理器scss的使用&&如何全局引入目录scss 基本功能1、嵌套2、变量 $3、@mixin 和 @include4、@extend5、@importscss 在项目中的使用1、存放 scss 文件2、引入 variables 和mixins2-1、局部引入2-2、全局引入3、入口文件中引入其他文件原创 2024-03-21 10:00:00 · 3737 阅读 · 0 评论 -
项目难点:解决IOS调起软键盘之后页面样式布局错乱问题
项目难点:解决IOS调用起软键盘之后页面样式布局错乱问题原创 2023-08-15 05:00:00 · 2344 阅读 · 1 评论 -
Vue 引入 .json 文件中的图片
在网上查了很多方法 ,都不见效果最后偶然发现这样引入可以获取到图片并且渲染到页面上‘@/assets/img’ 图片文件路径必须写到外面 ,如果写到 JSON 文件里面是没有效果的 ,‘@/’ 是必须写出来的 ,后面的路径可以写到 JSON 文件中原创 2022-09-19 09:00:00 · 2285 阅读 · 0 评论 -
前端之一阶段[HTML、CSS]问题记录
前端之一阶段[HTML、CSS]问题记录目录一、HTML1、video 标签如何去掉 画中画 功能二、CSS1、去掉标签自带的默认样式2、利用奇偶数进行样式定义3、获取同类元素的最后一个元素4、背景色如何实现渐变效果5、利用 flex 布局实现横向滚动记录一下自己在日常开发项目的过程中遇到的各种各样关于HTML、CSS 相关方面的问题 , 方便后期快速解决类似问题原创 2022-09-16 06:00:00 · 1955 阅读 · 0 评论 -
CSS 实现背景图片旋转
CSS 实现背景图片旋转只让背景图片 旋转180度 的示例开发的时候有个图片用背景图要旋转一定角度如果只给 .question 添加背景 , 通过 CSS3 的 transfrom rotate 肯定是会影响文字的展示。所以把 背景图 放到 伪类 中进行 旋转 就可以完美解决这个问题了...原创 2022-08-12 00:00:00 · 9301 阅读 · 0 评论 -
前端CSS三种实现导航栏吸顶效果
前端CSS三种实现导航栏吸顶效果目录1、sticky : 粘性定位2、fixed : 固定定位3、relative + absolute 结合使用创作场景 :调研问卷随着创建的题目数量越来越多 ,页面越来越长 ,等到用户创建完题目之后还要自己翻到顶部去点击发布 ,属实太麻烦 ,( 当然你也可以自己加一个返回顶部的按钮供用户使用也可以)所以为了进一步的优化用户体验 ,要实现一个将操作导航栏进行 “ 吸顶 ” 的一个效果 ,在这里呢 , 主要使用了 css 属性的三种定位.原创 2022-08-03 03:00:00 · 6244 阅读 · 2 评论 -
前端如何实现一个滚动的文本字幕
前端如何实现一个滚动的文本字幕基于 HTML 的 marquee 标签 实现 文字滚动 / 字幕播放marquee 标签介绍 :可以实现 文字滚动方向 direction 、滚动方式 behavior 、滚动速度 scrollamount 、滚动延迟 scrolldelay 、滚动循环 loop 、滚动空间、滚动事件等。......原创 2022-07-29 00:00:00 · 2658 阅读 · 0 评论 -
教你如何用纯CSS代码实现垂直居中
教你如何用纯CSS代码实现垂直居中在编辑一个页面时,通常用到 水平居中 和 垂直居中,而水平居中很好处理,不外乎就是 设定margin: 0 auto; 或是 text-align: center;就能轻松解决掉水平居中的问题,但一直以来最麻烦的对齐问题,都是 “垂直居中” 这个讨人厌的设定,以下将介绍五种单纯利用 CSS 来实现目录方法1:设定行高 ( line-height )方法2:绝对定位方法3:利用 transform方法4:使用表格或假装表格方法5:使用 Flexbox.原创 2022-07-05 19:10:19 · 2786 阅读 · 0 评论 -
HTML标签的width属性对数字和字母不生效
HTML标签的width属性对数字和字母不生效目录文本自动换行样式 word-break: break-all强制换行 word-break: break-all 怎么用 ?white-space 属性的 normal 值和 nowrap 值的区别原创 2022-06-16 00:00:29 · 1124 阅读 · 0 评论 -
前端自定义设置各浏览器滚动条scrollbar样式的方法
前端自定义设置各浏览器滚动条scrollbar样式的方法有时候项目里 UI 的需求是改滚动条的样式 ,css 就可以改下面这篇文章主要就是介绍了前端如何来修改各大浏览器的滚动条样式,首先要知道,修改滚动条样式,其一是利用伪元素-webkit-scrollbar 。下面来看看文章内容的具体实现吧原创 2022-04-15 05:00:00 · 8368 阅读 · 4 评论 -
Vue2_sass之切换图片
Vue2_sass之背景图片路径Bug好家伙 , 没想到在 Vue2 项目中实现一个通过 CSS 的 hover 划过属性来做一个切换图片的功能会遇到这么多的麻烦和问题 , 所以必须要记录一下目录Vue 项目中鼠标悬浮图片实现 hover 效果切换图片 - 案例Vue 项目 sass 中图片路径引用方式说明第三种思路 : 利用 定位 + opacity最终项目所用 :...原创 2022-03-30 00:00:00 · 1281 阅读 · 0 评论 -
隐藏移动端的滚动条
前端 _ CSS 如何实现隐藏移动端页面的滚动条原创 2021-11-06 18:00:00 · 264 阅读 · 1 评论 -
前端_实现文本溢出显示三个小圆点“...“
话不多说 , 直接上代码 :设置单行文本 :width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 200px; 1. 设置固定宽度white-space: nowrap; 2. 文本不折行overflow: hidden; 3. 设置文本溢出隐藏text-overflow: ell原创 2021-07-24 09:33:32 · 1953 阅读 · 0 评论