--CSS 第18页

Medium 内部使用 css/less 的代码风格指南

本文讲的是Medium内部使用css/less的代码风格指南，Medium对代码风格使用了LESS的一种严格子集。这个子集包含变量和混合指令，但是没有别的（嵌套等等）。

weixin_33968104·2025-05-12 22:42

sass、scss、css、less

less、scss、sass都是CSS预处理器语言为什么要使用CSS预处理器？

小手牵大喵·2025-05-12 22:12

Oracle RAC中停止has、crs、cluster的区别

crs：是集群就绪服务，用在RAC环境，单机环境不能执行crsctlcheckcrs，crsctlstartcrs不单单启动CRSD了，等于启动OHASD、CRSD、CSS

听雪楼主.·2025-05-12 21:37

【前端】【css】【总复习】三万字详解CSS 知识体系

CSS知识体系目录大纲一、基础知识入门1.CSS简介与作用CSS（CascadingStyleSheets，层叠样式表）是一种用于给HTML页面添加样式的语言，作用是让网页更美观、结构更清晰、布局更灵活

患得患失949·2025-05-12 21:34

跨平台移动网页调试：那些年踩过的坑和解决方法

你翻出模拟器、查CSS、开控制台，花上半小时，最后发现——Android正常，只有iOS的WebView出现样式错乱。更尴尬的是，问题只在某个具体版本的Safari中重现，模拟器甚至都复现不了。

2501_91601374·2025-05-12 19:46

人脸专注度检测系统（课堂专注度检测、人脸检测、注意力检测系统）

项目采用前后端分离的技术框架，基于Flask轻量级Web框架搭建后端服务，结合HTML/CSS/JavaScript实现前端用户界面。人

西红柿土豆丶·2025-05-12 18:13

JavaScript实现鼠标悬停提示层的完整教程

本文介绍如何使用CSS和JavaScript创建和控制提示层（tooltip），使其在用户鼠标悬停时显示相关详细信息，并在鼠标移开时隐藏。

veritascxy·2025-05-12 11:48

Webpack性能优化核心：深入剖析Tree Shaking与代码分包 (从入门到进阶)

在现代前端开发中，Webpack作为模块打包工具，将我们零散的模块（JS、CSS、图片等）打包成浏览器可识别的静态资源

Linkling、·2025-05-12 04:32

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

推荐频道

--CSS