前端开发

20Jun

css设置border属性transparent详解最新评...

在 CSS 中，通过设置边框（border）为 transparent，意味着将边框的颜色设置为透明，即边框不会显示出任何颜色。这种设置通常用于以下情况：隐藏边框：通过将边框颜色设置为透明，可以隐藏元素的边框，使其在视觉上不显示边框线。 border: 1px solid transparent; 2.创建占位符边框：有时候在设计中需要保...

20Jun

如何用CSS3画一个三角形？...

代码如下： .up{ width:0; height:0; border: 100px solid transparent; border-top: 100px solid red;/*红色*/ } .down{ width:0; height:0; ...

20Jun

CSS3盒子模型：标准盒模型...

盒子模型分为两种: 第一种是 W3C 标准的盒子模型（标准盒模型）第二种 IE 标准的盒子模型（怪异盒模型）标准盒模型与怪异盒模型的表现效果的区别之处： 1、标准盒模型中 width 指的是内容区域 content 的宽度 he...

20Jun

box-sizing 是一个 CSS 属性，用于控制元素框模型的计算方式。它有两个可能的取值：content-box 和 border-box。以下是对这两个值的详细解释： 1.content-box： 2.默认值。元素的宽度和高度仅包括内容区域，不包括边框(border)和内边距(padding)。 3.元素的总宽度 = width + padding + border。 4.这意味着，如果你设置...

20Jun

css3获得前三个子元素最新评论添加评论

在CSS中，要选择前三个子元素，可以使用:nth-child() 伪类结合一个计数器。:nth-child() 伪类可以选择父元素的一个或多个特定的子元素，基于它们的位置（从1开始计数）。例如，如果你想选择前三个子元素，并且这些子元素都是直接子元素，你可以这样写： .parent :nth-child(-n+3) { /* 样式规则 */ } 这里的...

20Jun

less入门快速查询文档1.1 使用 less.js ...

## 1 Less 的使用 1.1 使用 less.js 编译 less `html @fcolor: #900; @bcolor: #099; @len: 1000px; #box { width: @len; height: (@len/4); color: @fcolor; background: @bcolor; ...

20Jun

利用 mix-blend-mode实现...

要实现文字镂空需要借助CSS的 mix-blend-mode 混合效果，类似PS的滤镜。效果图如下: 代码如下： Document *{ margin: 0; padding: 0; ...

20Jun

利用css逐帧动画steps实现js可控动画正序...

利用css逐帧动画steps实现js可控动画正序播放，倒序播放，暂停可以鼠标向上倒序，向下正序，点击播放暂停代码： Document *{ margin: 0; padding: 0; } body{ width: 100%; ...

20Jun

js 判断页面所有js请求完毕最新评论添加...

要判断页面上所有的JavaScript请求是否完成，可以结合使用DOMContentLoaded事件和window.onload事件。DOMContendLoaded事件在DOM结构构建完成后触发，而window.onload事件在整个页面及其所有外部资源（如图片、样式表、脚本等）加载完成后触发。通过监听这两个事件，可以确定页面的JavaScript请求是否完全加载。以下是示例...

20Jun

js 把svg下载本地最新评论添加评论

要将SVG文件下载到本地，你可以使用JavaScript创建一个下载链接，并模拟用户点击该链接以进行下载。以下是一个实现此功能的示例代码： function downloadSVG(svgContent, fileName) { // 创建一个Blob对象 var blob = new Blob([svgContent], { type: 'image/svg+xml' }); // 创建一个下载链接 var ...