2024-06-05 13:06:09 1004 950
Web Components允许我们创建可复用的自定义元素,这些元素可以在多个不同的项目中重复使用,提高了开发效率和代码复用性。Web Components是一组不同的技术的集合,允许你创建可复用的自定义元素——与你的HTML和DOM完全集成的新类型。影子DOM是一个附加到元素上的隐藏DOM树,它允许我们将样式和行为封装在自定义元素内部,而不会影响到主文档中的其他元素。元素添加到了自定义元素的影子DOM中。在上面的示例中,我们在构造函数中创建了一个div元素,并将其添加到了自定义元素的影子DOM中。_html自定义组件
2024-06-05 13:06:56 606 347
在HTML 5中,可以使用相对路径或绝对路径来定义图片路径。以下是关于这两种路径的详细解释:1. 相对路径:相对路径是相对于当前HTML文件的路径。相对路径可以分为以下几种类型:- 相对于当前文件路径: 当图片文件和HTML文件在同一目录下时,可以直接写图片文件名作为路径。 例如:\- 相对于当前文件的父目录路径: 当图片文件在当前HTML文件的父目录中时,可以使用"../"来向上一级目录。 例如:\
2024-06-05 13:06:48 181 451
CSS滤镜(filter)属提供的图形特效,像模糊,锐化或元素变色。过滤器通常被用于调整图片,背景和边界的渲染。项目中遇到需要将下载的图片的白色背景修改为灰色,经过调查发现主要用到了的css的滤镜属性。首先创建一个 .svg 结尾的文件。_css修改图片的颜色
2024-06-05 13:06:27 164 483
以上使用了三种纯 css 实现星级评分的方式;:has()选择器:not()选择器巧妙实现特别是:has()选择器可以选择之前的兄弟元素,搭配:not()能发挥很多作用,以前很多需要用 js 实现的效果或许现在可以用:has()来试试了;附上:has()和:not()的兼容性截图:has():not()引迈 - JNPF快速开发平台_低代码开发平台_零代码开发平台_流程设计器_表单引擎_工作流引擎_软件架构。_五星评价 css
2024-06-05 13:06:09 640 176
html实现计算器源码,计算器源码,简易计算器功能实现,加减乘除,平方,根号等基本算数功能实现,代码上手简单,代码独立,可以直接使用。也可直接预览效果。_html 计算器
2024-06-05 13:06:53 63 374
使用scss加强对样式的维护_scss 循环
2024-06-05 13:06:39 1004 370
实现实现浏览器不同分辨率下的不同样式的方法很多,这里整理两种,1个是css的媒体查询来实现,另一个是js判断当前浏览器的宽度,然后动态给他添加不同的class名,或者动态用style修改样式,添加不同class名的话展示能更灵活。_vue3:如何通过媒体查询响应不同的屏幕尺寸
2024-06-05 13:06:39 885 376
CSS中的margin与padding_css margin padding
2024-06-05 13:06:34 105 856
JavaWEB学习笔记(一)------- HTML、CSS、JavaScript、Tomcat10_tomcat html css js
2024-06-05 13:06:30 441 476
获取HTML中的所有图片标签,并把图片的src属性替换成webp图片, 若浏览器支持webp,则展示,不支持走onerror函数展示data-original原图。_获取html的src选择显示隐藏,替换