![](https://img-blog.csdnimg.cn/6fd6188047e9426388f760658861bada.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 70
css-scss
北城笑笑
Hello World. 祖国万岁,恩典龙裔️。
展开
-
CSS第2篇,深入理解 CSS 选择器:全面指南
CSS(层叠样式表)选择器是网页设计和开发中至关重要的工具。它们用于选择 HTML 元素并应用样式,使得网页变得美观和具有交互性。这里来记录一下,各种 CSS 选择器及其使用方法。原创 2024-07-05 16:11:17 · 1149 阅读 · 0 评论 -
分享一个有趣的前端Loading效果(前端loading)
前端中的“loading”通常指的是页面加载过程中的加载状态,用于向用户显示页面正在加载的提示。它可以是一个旋转的加载图标、进度条、动画等形式,目的是为了让用户知道页面正在加载,并且等待的时间可能会持续一段时间。原创 2024-04-16 10:10:01 · 556 阅读 · 0 评论 -
CSS第1篇,CSS之Sass中的Scss,Sass中的@mixin和@extend,使用详细(Sass中@mixin和@extend的区别,Scss中的@mixin和@extend)
@mixin用于定义可重用的代码块,可以在需要的地方进行调用,可以接受参数,而@extend用于将一个选择器的样式继承到另一个选择器上,避免重复编写相同的样式代码,可以处理选择器的嵌套关系;@mixin可以自定义属性,并且传参,但@extend不可以。原创 2023-06-27 18:21:59 · 2290 阅读 · 0 评论 -
JavaScript中的classList.toggle()方法和CSS的自定义属性var,使用详细(css中var变量怎么应用)
CSS中的var(变量)是CSS3中的新特性,用于定义可重用的值,类似于编程语言中的变量;它允许您在整个CSS文件中定义一个值,并在需要时使用该值。这样可以使CSS更加灵活和易于维护;classList.toggle()方法,使用详细,下面也有实例说明。原创 2023-06-25 18:09:09 · 3324 阅读 · 0 评论 -
JavaScript拖拽API,ondragstart、ondragover、ondragenter、ondrop,使用详细(JavaScript常用原生拖拽API)
JavaScript的拖拽api相必大家都不陌生,今天来分享下元素在拖动时触发的事件,顺便做下记录。原创 2023-05-30 16:01:31 · 4643 阅读 · 1 评论 -
使用媒体查询实现移动端适配,媒体查询meta标签配置(@media screen and,min-width和max-width)
媒体查询可以帮助开发人员针对不同的设备创建响应式设计,它可以使网站或应用程序自适应不同的屏幕尺寸和分辨率,以确保在所有设备上具有良好的用户体验,还可以通过将媒体查询与其他技术(如弹性网格布局和响应式图像)结合使用,创建功能强大的适配方案原创 2023-04-26 15:18:11 · 4518 阅读 · 1 评论 -
Vue第32篇,DataV是什么,jiaminghi/data-view是什么,如何在Vue中使用jiaminghi/data-view(如何在Vue中使用DataV)
⭐相信大家在平时工作中,难免会遇到开发大屏的需求,页面中有很多比较炫酷的CSS效果。这里给大家推荐一款大屏数据展示组件库,里面有各种边框、装饰、图标、飞线图、水位图、轮播表等等,支持vue和react,有很多炫酷效果。这里给大家记录一下DataV 是阿里云推出的数据可视化工具,是阿里云的数据可视化应用搭建平台,旨在让更多的人看到数据可视化的魅力,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。主要用于创建原创 2023-03-01 17:24:39 · 22585 阅读 · 8 评论 -
Vue第31篇,Vue飘窗效果,Vue飘窗组件实现详解(css飘窗效果,跟随页面滚动)
⭐在网站设计中,飘窗广告是一种常见的营销策略,用于吸引用户注意力。而在 Vue 中实现飘窗效果,不仅能提升用户体验,还能增加网页的点击率。这里将详细介绍如何使用 Vue创建一个可定制的飘窗组件。原创 2023-02-27 14:54:20 · 1981 阅读 · 1 评论