2024-02-08本文主要介绍使用 CSS 实现动态水位球效果（纯 CSS3 样式）。其实在数据可视化应用中，水球图也是一种常见的数据展示形式。关于实现个性化水球，在相当长的一段时间并没有找到比较简洁的实现方式，因此在以往的可视化作品中，大多采用ECharts插件，当然还有其他更多的实现方式。如：CSS jQuery实现、jQuery实现、Vue CSS等、纯CSS实现等。_css水位图

https://www.qianduange.cn//article/1496.html 分类：前端知识

2024-02-08使用::v-deep修改element组件自带样式 不生效【已解决】_v-deep不生效

https://www.qianduange.cn//article/1493.html 分类：前端知识

2024-02-08Blog 原文链接我们都清楚元素相对其父级元素水平居中展示的方法：对于inline 的元素，我们都会想到为其父级元素设置tex-align : center。对于block 元素，我们会设定其 margin: 0px auto。 然而，垂直居中的实现方法，并没有这么简单，以下列出 6 种垂直居中法。参考文章：6 Methods For Vertical Centering With ...

https://www.qianduange.cn//article/1492.html 分类：前端知识

2024-02-08网格布局也称grid布局，利用grid布局可以很轻松的实现很多的网页布局，Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。上图这样的布局，就是 Grid 布局的拿手好戏。_前端 网格布局

https://www.qianduange.cn//article/1491.html 分类：前端知识

2024-02-08项目对应的webpack以谷歌为例，F12 打开“开发者工具”，页面会出现如上分辨率选择最下一行的 “修改…”打开“修改…”对话框，添加自定义设备… ，注意选择Desktop，最后保存就能切换了。_amfe-flexible

https://www.qianduange.cn//article/1490.html 分类：前端知识

2024-02-0812000字 CSS2 入门级教程

https://www.qianduange.cn//article/1489.html 分类：前端知识

2024-02-08在这个函数中，我们使用了event.preventDefault()和event.stopPropagation()来阻止按钮的点击事件继续传播和执行，从而实现禁用点击的效果。通过设置pointer-events属性、使用JavaScript禁用点击事件或者使用透明覆盖层，我们可以有效地禁用元素的点击功能，实现更灵活的网页交互效果。在上述示例中，我们定义了一个名为"disable-click"的CSS类，将其应用于需要禁用点击的元素上。另一种常见的方法是使用一个透明的覆盖层来阻止元素的点击。_css禁止点击属性

https://www.qianduange.cn//article/1488.html 分类：前端知识

2024-02-08高度塌陷：子元素设置浮动后就会脱标(脱离标准流进入浮动流)，如果此时父元素没有设置高度，那么父元素高度就会为0，形成所谓的父元素高度塌陷现象引发的后果：浮动的子元素会对页面的布局造成影响，需要清除浮动。由此得出，解决高度塌陷的本质是清除浮动造成的影响【图示】子元素浮动前:BFC（Block Formatting Context，块格式化上下文） 是Web页面的可视化CSS渲染的一部分，是页面中的一块渲染区域，有自己的渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

https://www.qianduange.cn//article/1486.html 分类：前端知识

2024-02-08如果我们希望在去掉圆点的同时，添加一些自定义的标记，可以使用背景图像来实现。通过这些方法，我们可以根据需要自定义列表项的标记，使其更符合设计要求。上述代码将应用于所有的列表项，使用Font Awesome库中的图标作为标记。伪元素的内容为所需的图标代码，我们可以将其作为列表项的标记。伪元素，并设置其内容为空，我们可以达到去掉圆点的效果。上述代码将应用于所有的无序列表，去掉它们前面的圆点。属性为该图像的URL，我们可以将其作为列表项的标记。上述代码将应用于所有的列表项，去掉它们前面的圆点。_css ul li 去掉点

https://www.qianduange.cn//article/1485.html 分类：前端知识

2024-02-08vue3项目安装tailwindcss详细教程，css原子化如何实现详细教程_vite如何使用twinlwinds

https://www.qianduange.cn//article/1484.html 分类：前端知识