2024-02-19ChatGPT用CSS3画出来的皮卡丘不满意，自己动手画一个_css画皮卡丘

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

2024-02-19CSS是一种用于样式化网页内容的编程语言，它提供了丰富的功能来控制文本的外观，包括字体样式。下面我将为你详细介绍如何设置楷体字体，并提供相应的源代码示例。通过为多个字体提供备选值，可以确保即使用户的计算机上没有特定的字体，页面上的文本仍然能够以备选字体显示。该属性用于指定元素中文本的字体系列，可以接受多个值作为备选字体。如果用户的计算机上没有第一个字体，浏览器将尝试使用下一个字体。除了将整个页面的字体设置为楷体，你还可以将特定元素的字体设置为楷体。总结一下，要在网页中设置楷体字体，你可以使用CSS的。_css 楷体

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

2024-02-17一张图不用，纯代码制作?使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Notepad 等）进行运行及修改编辑等操作。整个页面最重要的就是旋转摩天轮的实现，使用Css实现旋转主要是运用border和css动画来实现的。所以我们可以先用border画出一个中心点，通过css3动画让box旋转，整个摩天轮也就会实现旋转的效果。再多的讲解也不如实际动手实操，对着代码敲敲改改，可以让我们更加深入地进行理解。3️⃣总结

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

2024-02-16css3 javaScript实现一个左右钟摆-摇晃的红灯笼网页特效！前天逛博客时无意中看见了，别人的博客顶部有一个会左右钟摆的摇晃的红灯笼，产生了想法，我也想给自己做一个，但是网上找了很多方案，都没有实现。终于在昨天晚上搜索，找到了利用Css3和js一起组合的技术，实现了这个效果。这个是css文件里面的内容。我故意把周期设计的步进很缓慢，看起来晃动的时候会比较柔和一点。这个index.html里面的代码。如图所示，这是一个静态的截图。实际上是可以看效果的。这个是js文件内容，控制2个灯笼图片的布局位置。_页面灯笼js

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

2024-02-16如：elementui的table的type="expand"表格展开行。点击展开后td标签有padding。但td标签和包裹他的tr标签都是点击后产生的。无法在外层包裹div，直接用::v-deep会改变包裹他的表格的样式。个别UI框架个别标签通过事件直接生成或者无法选中的情况。直接使用::v-deep会导致全部标签改变，包裹标签使用Class名::v-deep无法选中父元素改变父元素属性的情况。所以可以使用伪类:has来改变td标签的padding。伪类:has选择父元素。_css根据子元素找到父元素

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

2024-02-15底层原理是，CSS3通过使用各种样式属性和伪类来实现各种按钮效果。例如，在使用:hover伪类时，当用户将鼠标悬停在按钮上时，浏览器会检测到该伪类，并根据指定的样式更改按钮的颜色或背景色。同样地，在使用:active伪类时，当用户单击按钮时，浏览器会检测到该伪类，并根据指定的样式更改按钮的外观。例如，可以使用transition属性来实现平滑的过渡效果，或者使用keyframes和animation属性来实现更复杂的动画效果。当用户单击按钮时，可以使用CSS3实现按钮的按下效果。_html 按键按下效果

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

2024-02-15本文是2024华为OD机试真题(C C Java Py JS) B卷专栏的目录贴（定期更新华为OD各个时间阶段的机试真题，每日定时更新，本专栏每篇的文章都会将使用C语言、C 、Python、Java、JS五种语言进行更新解答，包含真题，思路分析，代码参考，每个题目的思路分析都非常详细，超过百字欢迎大家订阅学习，代码可以直接运行使用，限时优惠，持续更新）华为OD是Outsourcing Dispacth模式，是华为和外企德科联合招聘的简称。目前华为大多数是OD招聘。_华为od机考

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

2024-02-14Vant提供了响应式布局的支持，可以根据不同的手机屏幕尺寸自动适配布局，使得组件在不同的终端上都能够呈现良好的展示效果。以下是Vant响应式布局的具体介绍：媒体查询：Vant使用CSS媒体查询来实现响应式布局。通过设置不同的媒体查询规则，可以根据屏幕宽度、高度或方向等条件，为不同的设备提供不同的样式和布局。断点设置：Vant定义了一组断点，用于根据不同的屏幕宽度进行响应式布局。这些断点定义了不同屏幕尺寸下的布局规则，开发者可以根据需求自定义断点设置。

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

2024-02-14这段代码会在页面上生成100个雪花，每个雪花都会沿着屏幕垂直方向下落。雪花的初始位置、下落速度和延迟时间都是随机的，以创建更自然的效果。你可以根据需要调整雪花的数量、大小和下落速度。使用JavaScript实现雪花动态效果（使用Canvas）使用HTML/CSS实现雪花动态效果。

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

2024-02-14这回项目要做一个大屏展示，大概样式是，中间一个地球，向外发射几条蓝色直线，直线另一头是展示的标题。为了体现科技感，蓝色直线要做出一种像水流一样的流动特效。_css线条流动效果

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