CSS】第14页

原生css js 圆环百分比 IE兼容

参考css饼图环形图<divclass="circle_left"style="display:none;"id="circle_

上下求索＿·2025-06-13 20:16

【css3】画‘百分比圆’

ellipsis.circle{width:120px;height:120px;position:relative;margin:19pxauto10pxauto;border-radius:50%;background:#19ce6a;}.pie_left,.pie_right{width:120px;height:120px;position:absolute;top:0;left:0;}.

·2025-06-13 19:15

CSS 外边距合并（Margin Collapsing）问题研究

在CSS中，margin-top属性会导致外部DIV移动的现象主要是由于外边距合并（MarginCollapsing）造成的。这是CSS盒模型的一个特性，可能会与直觉相悖。

逍遥运德·2025-06-13 19:14

CSS实现渐变圆环

我想到的渐变圆环是渐变大圆里面套一个小圆，小圆颜色不同于大圆即可。如下代码.circle{width:206px;height:206px;border-radius:50%;background:linear-gradient(0deg,#36A5ED0%,#6EEE96100%);position:relative;}.content{position:absolute;left:13px;t

CCSSDNhbgjil·2025-06-13 19:10

#Uniapp篇：chrome调试&&unapp适配

//inspect/#devicesMuMu模拟器+Edge浏览器：Android原生APP嵌入的H5页面元素定位chrome://inspect/#devicesuniapp单位适配根路径下postcss.config.js

程序员xiaolibao·2025-06-13 19:08

vue3项目使用静态资源

在组件中，有时需要引用一些静态资源，例如图片资源、CSS代码资源等。通过项目的public目录和src\assets目录都可以存放静态资源，但引用静态资源的方式不同。

MoonlitHan·2025-06-13 17:24

前端八股笔记

CSSHTMLsrc和href的区别src是用来替换当前标签的内容（下载资源并执行），遇到时会暂停其他资源下载并等待加载执行完成。

白鹿贞松·2025-06-13 16:15

【计算机毕业设计】基于HTML+CSS+JavaScript大学生心理咨询网设计毕业论文源码 (1)

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS

·2025-06-13 13:27

sass、scss的使用

sass在我们书写css的时候我们会发现重复性代码太多对应的产生了预编译css（最终会编译成css文件），常用的预编译css有什么？

九九七七·2025-06-13 12:55

前端八股文--HTML篇

不同的渲染模式会影响浏览器对CSS代码甚至JavaScript脚本的解析。它必须声明在HTML文档的第一行。浏览器渲染页面的两种模式CSS1Compat：标准模式（Strickmode），浏

Hello_Git·2025-06-13 12:55

前端八股文--CSS

基础为什么要初始化CSS样式HTML⻚⾯中id和class有什么区别伪元素和伪类单位block，inline，inline-blocklink标签的伪类和⽤法重排、重绘和合成盒⼦模型1、盒模型宽度的计算

Hello_Git·2025-06-13 12:55

CSS预处理器 Sass/Scss

文章目录介绍Sass是什么Scss是什么Scss与Sass异同为什么使用Sass?

繁星学编程·2025-06-13 12:54

前端科举八股文-性能优化篇

css精灵图的原理？说说懒加载的原理什么是防抖节流？什么是重绘和重排，如何减少重绘和重排如何减少重排？webpack是干什么的？简历上写到你使用了vite，讲讲它和webpack的区别？

·2025-06-13 12:54

盒子宽度自适应的几种方式

盒子宽度自适应的几种方式很多时候，我们会遇到盒子宽度不确定的情况；比如国际化、盒子内容后台控制、内容随机长度不确定等待，所以处理盒子宽度自适应就成为了比较重要的事情，以下是几种方式来自适应宽度：1.使用CSS

aCknow·2025-06-13 12:54

常用的scss工具方法封装

主要总结开发中常用的工具方法:1.移动端1px@mixinborder1($bColor,$type:bottom){position:relative;&::before{content:'';display:block;position:absolute;left:0;right:0;@if($type=='top'){top:0;}@if($type=='bottom'){bottom:0;

风清云淡_A·2025-06-13 12:24

uniapp常用技巧

第一篇scss函数的使用创建一个mixin.scss文件/*控制文本的隐藏*/@mixinellipsis($clamp:1){overflow:hidden;text-overflow:ellipsis

闷墩儿这只小猫咪·2025-06-13 12:24

JavaScript 替换和高亮文本的示例

在本文中，我将为你展示一个基本的JavaScript示例，演示如何使用replace方法来替换文本，并使用CSS来实现高亮效果。

自由翱翔碧海蓝·2025-06-13 12:23

前端八股文 - CSS 篇

1.盒模型1.1标准盒模型vsIE盒模型标准盒模型（box-sizing:content-box）width/height=内容区域大小总宽度=width+padding+border+marginIE盒模型（box-sizing:border-box）width/height=内容+padding+border总宽度=width+margin1.2外边距合并（MarginCollapse）相邻块

啃火龙果的兔子·2025-06-13 12:22

6SL3351-1AE32-6AA2调节型电源模块常见故障及解决方案

产品基本信息参数规格型号6SL3351-1AE32-6AA2系列SINAMICSS120类型主动式电源模块（AIM）输入电压3相AC380V~480V(±10%)输出电压600VDC（直流母线）输出功率

15306912905陈·2025-06-13 11:47

CSS3 @Media 媒体查询

CSS3媒体类型值描述all用于所有媒体类型设备。print用于打印机。screen用于计算机屏幕、平板电脑、智能手机等等。speech用于大声“读出”页面的屏幕阅读器。

fullstack_lth·2025-06-13 09:59

华为CSS集群与思科VSS技术对比：配置脚本详解与应用实践

目录应用场景深度解析华为CSS集群脚本华为脚本转换为思科脚本华为与思科脚本的区别总结附录：华为与思科脚本1.应用场景CSS（ClusterSwitchSystem）是华为核心交换机中的一种集群技术，通过将多台物理交换机虚拟化为单一逻辑设备

士别三日。·2025-06-13 08:23

JavaScript 性能调优

从加载上优化：合理放置脚本位置由于JavaScript的阻塞特性，在每一个出现的时候，无论是内嵌还是外链的方式，它都会让页面等待脚本的加载解析和执行，并且标签可以放在页面的或者中，因此，如果我们页面中的css

zqmattack·2025-06-13 08:22

打造超轻量的仿chatgpt的AI聊天应用

1总体概述使用纯HTML、CSS和JavaScript实现了一个类似ChatGPT的聊天界面。支持Markdown渲染（AI回复）、代码高亮、图片上传和预览、全局搜索、对话切换等。

酌沧·2025-06-13 08:49

Sass中连体符（&）的运用

文章目录与伪类的结合多类选择器后代选择器相邻兄弟选择在CSS中，要想给一个元素赋予一定的样式，我们必须得先取到这个元素。那么就得需要选择器，通过选择器来选择指定元素，然后赋予所需的样式。

爱吃红星柚·2025-06-13 04:24

sass/scss中的父选择器标识符&

在sass/scss使用嵌套规则时，可以使用&符号来表示父选择器，也就是上一级选择器。

听海边涛声·2025-06-13 04:51

scss（sass）中 & 的使用说明

在SCSS（Sass）中，&符号是一个父选择器引用，它代表当前嵌套规则的外层选择器。

BillKu·2025-06-13 03:48

html布局应用综合案例,使用div+css布局网页综合案例2——心灵小站（适用于高级教学）...

2、针对标签新建一个CSS样式，把边界设置为0px，字体为宋体。【制作logo栏】3、插入一个div标签，设置div的id为logo。(1)选中id为logo的div标签

只想静静地老湿敷·2025-06-13 02:09

css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换

一、块元素转行内元素：display:inline二、行内元素转块元素：display:blockdiv{display:inline;/*无效width:500px;height:500px;*/background-color:red;}p{display:inline-block;}span{display:block;width:400px;height:300px;background-

wa1ki0g·2025-06-13 02:38

CSS 基础选择器文字控制属性综合案例

网页制作思路：从上到下，先整体再局部先标签，再CSS美化1案例一案例一h1{color:#333333;font-size:30px;/*center居中对齐*/text-align:center;/*

码上奶茶·2025-06-13 02:08

前端CSS：行内元素、块级元素与行内块

前端CSS：行内元素、块级元素与行内块引言基本概念和作用说明行内元素（InlineElements）块级元素（BlockElements）行内块元素（Inline-BlockElements）示例与详细说明示例一

DTcode7·2025-06-13 01:36

【uniapp】小程序中input输入框的placeholder-class不生效

v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;//color:rgba(176,184,194,1);color:red;}3.样式穿透scss

顽强d石头·2025-06-13 01:02

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | RandomChoicePicker（标签生成）

可能你疑惑为啥名字和功能不一样，哈哈哈，不要怀疑，这只是我打错名字懒得改了。。。我们继续50个小项目挑战！——RandomChoicePicker组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的CompositionAPI和语法结合TailwindC

sunbyte·2025-06-12 23:44

Vue 动态绑定 class 简单讲解

class名）三、对象语法（通过布尔值控制class生效）四、混合写法（数组+对象结合）五、关键要点六、典型应用场景七、一句话总结一、核心本质Vue里的:class（v-bind:class简写），是动态绑定CSS

WZMeiei·2025-06-12 19:16

前端面试宝典---事件循环面试题

JavaScript的单线程特性JavaScript采用单线程执行模型，其主线程同时承担两个关键职责：GUI渲染线程：处理HTML/CSS解析、样式计算、布局绘制（每秒60帧渲染）JS引擎线程：执行全局代码

Attacking-Coder·2025-06-12 18:42

【Web】腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程

静态网站是指所有页面内容都以静态文件（如HTML、CSS、JavaScript、图片等）形式存在，用户访问时服务器直接返回这些文件，无需后端动态渲染。

ganshenml·2025-06-12 17:01

计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)

计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

在线科技·2025-06-12 14:10

三维GIS开发cesium智慧地铁教程（7）路径漫游

一、引入Cesium库1.1Cesium库的基本配置在HTML文档中，我们引入了Cesium所需的JavaScript和CSS文件。确保路径正确，以便能够加载Cesium的功能和样式。

新中地GIS开发老师·2025-06-12 13:08

软件测试之自动化测试常用函数

软件测试之自动化测试常用函数自动化测试常用函数1.元素定位1.1cssSelector1.2xpath2.操作测试对象2.1点击/提交对象2.2模拟按键输入2.3清除文本内容2.4获取文本信息2.5断言

小何好运暴富开心幸福·2025-06-12 12:28

小程序动画性能提升指南：CSS硬件加速与JavaScript动画框架对比

本文将从底层原理出发，深度对比CSS硬件加速动画与JavaScript动画框架的优劣，并提供针对不同场景的性能优化方案。

·2025-06-12 09:09

Angular中Webpack与ngx-build-plus 浅学

在Angular项目中，Webpack负责将TypeScript、HTML、CSS等文件打包成浏览器可以理解的JavaScript文件。

·2025-06-12 07:46

CSS属性之浮动&文本&列表&边框

一、浮动显然标准流已经无法满足需求，这就要用到浮动。标准文档流，在页面中独占一行，自上而下排列，也就是传说中的流。浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。无论多么复杂的布局，其基本出发点均是:“如何在一行显示多个div元素”。1.float:left/right/none（无浮动）;2.浮动的目的:就是让竖着的元素进行横向排列，也就是能让元素和元素并排显示

Cocorna·2025-06-12 07:13

Css实现悬浮对角线边框动效

动画原理说明一、核心机制通过双伪元素(::before/::after)模拟边框，利用CSS过渡(transition)实现尺寸和颜色的动画联动。鼠标移入时触发展开动画，移出时逆向执行形成淡出。

你脸上有BUG·2025-06-12 06:40

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | EventKey Codes（键盘码）

https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的语法结合TailwindCSS

sunbyte·2025-06-12 03:01

关于vue3中无config文件

学习过程中，在打包vue3项目的时候发现打包出来的index.html里面引入的js和css文件路径全都不对应，网上查找之后了解到需要修改config文件，但在vue-cli3中没有发现这个东西，发现官方

Ezicat·2025-06-12 03:29

HTML+CSS小白入门与进阶教程

HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！

郑宜维David·2025-06-12 01:18

vxe-table 4.9+ 实现在表格列中直接拖拽排序，列拖拽排序

[email protected]@4.9.0main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table

也只能是酱紫·2025-06-12 01:14

前端性能优化的核心：关键渲染路径的6大优化原则

前端性能优化的核心：关键渲染路径的6大优化原则关键词：关键渲染路径、前端性能优化、DOM、CSSOM、渲染树、布局、绘制摘要：你有没有过打开一个网页，等了3秒还没看到内容的经历？

大厂前端小白菜·2025-06-12 00:07

第十五届蓝桥杯Web开发应用赛道省/国赛部分题解

题目解析与代码实现第一题：跨屏变形记（CSS响应式布局）题目要求：实现页面在不同屏幕尺寸下的布局切换，当屏幕宽度≤768px时，容器改为垂直排列，各模块宽度自适应。

虚拟系别·2025-06-12 00:06

前端代码重构

2、前端代码规范化将css代码放到独立的文件中调整代码的层次缩进格式，不同层级按照4个空格缩进更改标准已不推荐

高手坟墓丶·2025-06-11 22:53

Electron简介（附电子书学习资料）

Electron是一个由GitHub开发的开源框架，允许开发者使用Web技术（HTML、CSS、JavaScript）构建跨平台的桌面应用程序（Windows、macOS、Linux）。

hweiyu00·2025-06-11 20:11

推荐频道

CSS】