css多边形

vue3使用tailwindcss报错问题

npmcreatevite@latestnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit4.
shmily麻瓜小菜鸡·2025-05-11 22:28

vue3设置全局css变量

1、common.scss文件中定义全局变量$common-color:red;2、在vite.config.js中导入common.scss文件defineConfig({css:{//css预处理器
煸橙干儿~~·2025-05-11 22:28

CSS渲染性能优化

作为前端开发的重要组成部分，CSS的渲染性能优化不容忽视。为什么CSS性能优化如此重要？
前端小巷子·2025-05-11 22:58

css自定义变量

文章目录学习链接1.什么是CSS变量?2.如何定义CSS变量?定义CSS变量示例3.如何使用CSS变量?使用示例4.CSS变量可以干什么用?
NaughtyBo·2025-05-11 22:57

css零到一高级教程023：CSS 覆盖变量

用局部变量覆盖全局变量从上一页我们了解到，可以在整个文档中访问/使用全局变量，而局部变量只能在声明它的选择器内使用。请看上一页中的例子：实例:root{--blue:#1e90ff;--white:#ffffff;}body{background-color:var(--blue);}h2{border-bottom:2pxsolidvar(--blue);}.container{color:va
慕容屠苏·2025-05-11 22:27

2使用预处理器sass，定义全局css变量

save-devnpminstallnode-sass--save-devnpminstallsass-resources-loader--save-dev2新建或者在vue.config.js中引入目标scss.scssmodule.exports
前端小云儿·2025-05-11 22:26

css变量设置主题色切换

除了scss和less,css也可以使用变量,但是要新版本浏览器才行,微软edge浏览器也支持;想支持旧版本浏览器.可以使用插件:css-vars-ponyfill下面是支持浏览器列表(绿色是支持的,红色不支持
竹子js·2025-05-11 22:56

CSS 中的 ::before 和 ::after 伪元素

一、CSS伪元素CSS伪元素是指，在CSS中使用一些特殊的选择器，创建出来的虚拟元素，并不是实际存在的HTML元素；用来选择和操作文档中的特定部分，实现一些特殊效果；伪元素使得在不增加额外HTML标签的情况下
asqq8·2025-05-11 22:26

CSS使用JS变量

1.CSS变量CSS变量（也称为自定义属性）允许我们在CSS中定义可重复使用的值，并将其应用于不同的选择器。为了创建一个CSS变量，我们需要使用--前缀，然后可以像常规属性一样使用它。
_虾仁不眨眼_·2025-05-11 22:25

如何使用CSS解决一行有三个元素，前两个元素靠左排列，第三个元素靠右排列的问题

如何使用CSS实现这种效果？
DanyHope·2025-05-11 22:24

css全局变量的设置

在css中设置一个主题颜色:root{/*主题颜色*/--ThemeColor:#CEB88D;}使用：color:var(--ThemeColor)在JS中获取css中设置的全局主题颜色//主题颜色varthemeColor
UzumakiHan·2025-05-11 21:53

前端性能优化最佳实践

目录前言加载性能优化资源压缩与合并图片优化懒加载与预加载CDN加速HTTP缓存策略渲染性能优化关键渲染路径优化减少重绘与回流CSS优化策略JavaScript执行优化框架特定优化React性能优化Vue
天天进步2015·2025-05-11 17:00

CSS： 混合模式 background-blend-mode 属性实现同时设置背景颜色和背景图片或者两个背景图叠加在一起显示

实现这个问题之前还有一个问题是为什么要既设背景图又设背景色1.一般建议在使用背景图像的同时提供background-color属性，并且将其设置为和图像主要颜色类似的颜色。这样，如果正在加载页面，或者因为各种原因无法显示背景图像时，页面可以使用这种颜色作为背景色。2.还有一种情况，考虑到大屏下（如1920*1080或者更大）网站背景图不足以撑满整个显示区域，所以背景图以外的部分要显示背景色，并且背
滿·2025-05-11 16:20

Reflex 完全指南：用 Python 构建现代 Web 应用的终极体验

过去，构建一个现代Web应用意味着你要学会前端（React/JS/HTML/CSS）+后端（Flask/Django）+API交互（REST/GraphQL）+部署逻辑。
萧鼎·2025-05-11 15:46

npx tailwindcss init报错问题解决

错误信息如下：这是因为tailwindcss版本与postcss版本兼容问题导致的，只需要降级tailwindcss即可解决npmuninstalltailwindcssnpminstalltailwindcss
·2025-05-11 15:07

从零到全栈：3年实战总结的全能开发者成长路线

一、全栈开发者的核心能力矩阵1.技术广度前端三件套（HTML/CSS/JavaScript）后端语言（Java/Python/Node.js）数据库（MySQL/Mongo
21光年·2025-05-11 14:07

js实现一个简单的购物车功能

文章目录概要html代码css代码js代码小结概要可以进行全选，不全选，加购物车选定的数量，以及添加购物车的内容，以及前面功能实现时可以同步计算总价格。
阿勋w·2025-05-11 12:58

weapp-vite 发布：重塑小程序开发体验！

大家好，我是icebreaker，也是weapp-tailwindcss项目的作者。今天，我非常高兴地宣布weapp-vite项目的正式发布，这标志着我在vite框架应用与探索上的一个阶段性成果。
ice breaker·2025-05-11 09:36

Spring Boot整合Thymeleaf模板开发：从入门到精通

一、Thymeleaf基础概念1什么是ThymeleafThymeleaf是一个现代化的服务器端Java模板引擎，适用于Web和独立环境，能够处理HTML、XML、JavaScript、CSS甚至纯文本
Clf丶忆笙·2025-05-11 08:31

css实现正反翻页效果组件

File翻转组件：{{playFlip?'恢复默认':'更多'}}import{provide,readonly,ref}from'vue'constprops=defineProps()constplayFlip=ref(false);//是否切换//切换constplay=()=>{playFlip.value=!playFlip.value}.flip-box{position:relati
小趴菜呢·2025-05-11 08:57

HTML5和CSS3构建的3D全屏翻页效果实现

本文还有配套的精品资源，点击获取简介：HTML5和CSS3是现代网页开发的核心技术，它们拓展了网页的表现力和交互性。
yang lebron·2025-05-11 08:27

创意动效：鼠标经过触发魔法阵旋转（渐现符文）

实现思路分析要实现这个创意动效，我们需要综合运用HTML、CSS和JavaScript技术：HTML：构建页面结构，创建魔法阵容器和符文元素CSS：定义视觉样式和动画效果，包括旋转动画和符
谷雪_658·2025-05-11 05:39

html 伸缩盒子布局,详解CSS3伸缩布局盒模型Flex布局

CSS3引入了一种新的布局模式——Flexbox布局，即伸缩盒模型布局(FlexibleBox)模型。
yueyhang cheuk·2025-05-11 05:09

详解CSS3伸缩布局盒模型Flex布局

CSS3引入了一种新的布局模式——Flexbox布局，即伸缩盒模型布局（FlexibleBox）模型。
若深情不能对等·2025-05-11 05:09

blog-25-4-25

工具：-写代码的：vscode-使得代码能被PC看懂的：浏览器（所以它其实是一个开发工具哦）-HTML、CSS已经知道了一大半，尝试学习node.js（JS的运行环境，居然前后端都能写，它也是图灵完备语言呢
564983·2025-05-11 04:58

Three.js 实现与Echarts 图表结合使用

combineEchartsimport*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{CSS3DRen
优雅永不过时··2025-05-11 03:54

【前端】每日一道面试题3：如何实现一个基于CSS Grid的12列自适应布局？

要实现一个基于CSSGrid的12列自适应布局，关键在于利用网格系统的灵活性和响应式设计能力。
未脱发程序员·2025-05-11 02:45

webpack5打包配置：从青铜到王者的进阶之路，笑出腹肌版！

想象一下，webpack5就像个全能型健身教练，既能举铁（处理JS），又能瑜伽（处理CSS），还能给你整点HIIT（优化打包）。与Rollup那个“专一深情的技术宅”不同，webp
程序员agions·2025-05-11 01:42

很好玩的html小游戏代码

要创建一个HTML小游戏，你需要使用HTML、CSS和JavaScript来构建游戏的界面和逻辑。
MCPlayer542·2025-05-11 00:08

bootstrap的加载

点击该按钮，可以下载BootstrapCSS、JavaScript和字体的预编译的压缩版本。不包含文档和最初的源代码文件。（2）DownloadSource：下载源代码。
金丫·2025-05-11 00:08

多列布局（Multi-column Layout）

**多列布局（Multi-columnLayout）**是CSS中用于将内容分成多个列的一种布局方式，类似于报纸或杂志的排版。通过多列布局，可以使文本内容更易于阅读，并提高网页的视觉效果。
寒若宛·2025-05-10 18:58

GitHub Pages个人博客搭建实战指南

本教程将介绍如何使用GitHubPages的UserPages和ProjectPages，以及如何通过CSS定制样式、使用Jekyll和Markdown进行文章编写。
凌莫凡·2025-05-10 16:45

Jsoup与HtmlUnit：两大Java爬虫工具对比解析

Jsoup：HTML解析利器定位：专注HTML解析的轻量级库（也就是快，但动态页面无法抓取）核心能力：DOM树解析与CSS选择器查询HTML净化与格式化支持元素遍历与属性提取应用场景：静态页面数据抽取、
静谧空间·2025-05-10 15:10

基于 HTML 和 CSS 实现的 3D 翻转卡片效果

本文将详细介绍一个基于HTML和CSS实现的3D翻转卡片效果，通过对代码的剖析，让你了解如何创建一个具有立体感的卡片，在鼠标悬停时实现前后两面的翻转切换。
我爱吃朱肉·2025-05-10 14:06

html鼠标移动到图片上显示冒泡框,Bootstrap 教程 - 提示冒泡(Tooltip)

提示冒泡(Tooltip)使用CSS3为CSS和JavaScript添加自定义Bootstrap工具提示的文档和示例，用于本地标题存储的动画和数据属性。
weixin_39965881·2025-05-10 12:44

【Electron】electron-vue 借助 element-ui UI 库助力桌面应用开发

前面文章我们讲过electron让可以用HTML、JS、CSS开发桌面应用程序。而electron-vue是一个结合了electron与vue的套件。这样我们就能方便地使用vue快速开发桌面应用。
我会唱天意·2025-05-10 10:04

使用nginx实现动静分离

nginx的动静分离，指的是由nginx将客户端请求进行分类转发，静态资源请求（如html、css、图片等）由静态资源服务器处理，动态资源请求（如jsp页面、servlet程序等）由tomcat服务器处理
白白甜甜冰·2025-05-10 09:57

【愚公系列】2022年04月 .NET架构班 033-分布式中间件 Nginx多场景使用问题分析之动静分离

Nginx多场景使用问题分析之动静分离1.同一虚拟主机使用2.不同虚拟主机使用3.动静分离共享资源前言在Web开发中，通常来说，动态资源其实就是指那些后台资源，而静态资源就是指HTML，JavaScript，CSS
愚公搬代码·2025-05-10 09:23

React 笔记[1] hello world

既然你已经安装了Node.js，我们可以从零开始搭建一个React+TailwindCSS的HelloWorld项目。我将一步步列出操作指令，你只需要在终端里依次执行。
1nv1s1ble·2025-05-10 07:17

【CSS】基础知识梳理和总结

1.前言CSS（CascadingStyleSheets，层叠样式表），用来为HTML文档添加样式的计算机语言。
古狼_guwolf·2025-05-10 06:06

CSS知识总结

一、CSS核心概念解析1.1选择器体系（重点）基础选择器：/*ID选择器*/#header{background:#333;}/*类选择器*/.btn-primary{color:white;}/*属性选择器
^小桃冰茶·2025-05-10 06:05

Head first html and css学习笔记6

设置CSS属性的快捷方式（如一次指定所有内边距padding）。第
___咩咩咩·2025-05-10 05:57

HTML+CSS 个人学习时的笔记，粗略参考【CSS】

CSSCSS书写顺序1.布局定位属性display/position/float/clear/visibility/overflow2.自身属性width/height/margin/padding/border
浅度学习的ryan·2025-05-10 05:57

从静态标签到AI赋能：前端技术演进与开发者生存指南

开发者通过``布局实现页面效果，CSS1.0规范在1996年发布后才开始分离样式与结构[3](https://blog.csdn.net/freekiteyu/article/details/79927047
剑哥在胡说·2025-05-10 02:11

css选择器

css常用选择器1、元素选择器作用：根据标签名来选中指定的元素语法：标签名{}例如：h1{}2、id选择器作用：根据元素的id属性值来选中元素语法：#id属性值{}例如：#p1{}#pp{}注意：id选择
你在狗叫什么！·2025-05-10 02:39

css基础

css有以下优点：提高页面浏览速度；缩短改版时间，降低维护费用；更好地控制页面布局；实现表现和结构、内容相分离；更方便搜索引擎的搜索。
一颗榛子·2025-05-10 02:09

css移动端开发

1.视口视口标签视口元标签（ViewportMetaTag）用于控制网页在移动设备上的视口行为，确保页面能够正确缩放和调整。通常在HTML的部分添加如下代码：属性解释说明width宽度设置的是viewport宽度，可以设置device-width特殊值initial-scale初始缩放比，大于0的数字maximum-scal最大缩放比，大于0的数字minimum-scale最小缩放比，大于0的数字
带钱跑路77·2025-05-10 02:38

CSS通配符与选择器权重深度解析：以《悯农》古诗为例

引言：当CSS权重遇上经典古诗在CSS的世界里，选择器权重就像古代诗词中的平仄对仗，决定着样式的最终呈现。今天我们通过唐代诗人李绅的《悯农》，来深入学习CSS通配符和选择器权重的奥秘。
bigHead-·2025-05-10 02:08

【网站搭建】Hugo + Tailwind 自定义组件工作流

文章目录1.新建Tailwind入口CSS文件2.配置Tailwind构建命令3.构建TailwindCSS4.页面引用5.以后自定义组件/样式以后有需求则：1.新建Tailwind入口CSS文件在主题目录下新建
沉浮于岸·2025-05-10 01:03

构建费用跟踪器：从基础到样式设计

背景简介本文基于费用跟踪器项目，探讨了如何通过HTML、CSS和JavaScript构建和设计一个功能强大且用户友好的应用程序。费用跟踪器是一个实用的工具，它帮助用户记录和监控他们的收入和支出情况。
李多田·2025-05-10 00:59
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他