CSS-简易百科

您当前的位置：首页 > 电脑百科 > 程序开发 > 语言 > CSS

一文搞懂CSS line-height和vertical-

在学习CSS期间，不少同学感觉基本能理解line-height和vertical-align的用法，但是遇到一些具体问题的时候，又发现...

▪ Display和Visibility的区

▪ 新 CSS Math方法：Rem() 和

▍CSS　php　Python　C/C++/C#　javascript　Go语言　 JAVA　HTML　CSS　.NET　Rust　百科　

12 个超级实用的 CSS 技巧

user-selectuser-select 属性可以用来控制用户是否能够选择文本。<div> <p>You can't select this te......【详细内容】

[css]　微信公众号　前端充电宝　2023-12-19 13:57:42　TAGS: CSS 点击:(144)　　评论:(0)　　加入收藏

原生CSS嵌套使用，你学明白了吗？

如果你是一个前端开发人员，那么你应该使用过CSS预处理器以及预处理器中的嵌套特性。它一直是一个受欢迎的功......【详细内容】

[css]　微信公众号　南城大前端　2023-12-06 14:08:04　TAGS: CSS 点击:(193)　　评论:(0)　　加入收藏

CSS_Flex 那些鲜为人知的内幕

前言Flex想必大家都很熟悉，也是大家平时在进行页面布局的首选方案。(反正我是!)。不知道大家平时在遇到Flex......【详细内容】

[css]　微信公众号　前端柒八九　2023-12-06 13:58:09　TAGS: CSS 点击:(153)　　评论:(0)　　加入收藏

CSS：这几个伪类，你用了吗

## :root 伪类:root 伪类是匹配文档的根元素，很多时候，根元素也就是 html 元素，用 root 伪类来匹配根元素，目的......【详细内容】

[css]　微信公众号　读心悦　2023-11-30 13:43:43　TAGS: CSS 点击:(182)　　评论:(0)　　加入收藏

让你开发更舒适的 Tailwind 技巧

免费体验 Gpt4 plus 与 AI作图神器，我们出的钱体验地址：体验使用 Tailwind CSS，我避免了在 React 项目中复制......【详细内容】

[css]　微信公众号　大迁世界　2023-11-28 12:23:29　TAGS: Tailwind 点击:(186)　　评论:(0)　　加入收藏

Display和Visibility的区别，你了解了吗？

采用CSS实现元素隐藏的方法有很多种，比如定位到屏幕之外、透明度变换等。而常见的两种方式是将元素设置为dis......【详细内容】

[css]　微信公众号　读心悦　2023-11-27 15:04:06　TAGS: Display 点击:(187)　　评论:(0)　　加入收藏

新 CSS Math方法：Rem() 和 Mod()

CSS 添加了许多新的数学函数来补充旧有的函数（如 calc() 和最近的 clamp() ）。这些函数最终都表示一个数值，但......【详细内容】

[css]　微信公众号　大迁世界　2023-11-23 12:42:21　TAGS: CSS 点击:(273)　　评论:(0)　　加入收藏

CSS 新功能：让编码更高效

CSS 是一种不断发展的语言。每一次迭代，它都会变得越来越好。因此，了解最新的 CSS 功能非常重要，这样你才能在......【详细内容】

[css]　微信公众号　大迁世界　2023-11-16 12:35:02　TAGS: CSS 点击:(178)　　评论:(0)　　加入收藏

使用 CSS Grid 的响应式网页设计：消除媒体查询过载

前言你是否厌倦了在实现响应式网站时需要管理多个媒体查询？说再见复杂的代码，拥抱更简单的解决方案吧：CSS Grid......【详细内容】

[css]　微信公众号　前端YUE　2023-11-10 14:49:09　TAGS: CSS 点击:(286)　　评论:(0)　　加入收藏

2024年了，别只使用React，需要学习一下Vue，不然没出路了

最近，我的朋友因为不熟悉 Vue.js 而未能通过面试。她平时工作中大部分时间都在使用React，所以也懒得去了解其......【详细内容】

[css]　微信公众号　web前端开发　2023-11-08 14:50:03　TAGS: Vue 点击:(310)　　评论:(0)　　加入收藏

CSS这几个函数很实用，也很简单

calc()CSS 的 calc 函数非常实用，很多情况下，我们都会用到这个函数。calc 函数支持加减乘除四种运算，但是，它也......【详细内容】

[css]　微信公众号　读心悦　2023-11-08 13:59:08　TAGS: CSS 点击:(232)　　评论:(0)　　加入收藏

这三个CSS生成器千万别错过啦！

前言大家好我是小卢，「新拟态风格」和「磨砂玻璃」风格都是让人眼前一亮的一种设计风格，已经成为了最具代表......【详细内容】

[css]　微信公众号　前端快快跑　2023-11-03 14:11:58　TAGS: CSS 点击:(169)　　评论:(0)　　加入收藏

前端开发都应该知道的十个强大的CSS属性

CSS不仅能够实现网站的外观和布局，还能通过一系列属性增强用户体验和交互性。本文将介绍10个鲜为人知但非常......【详细内容】

[css]　微信公众号　前端大湿兄　2023-11-01 13:20:48　TAGS: CSS 点击:(245)　　评论:(0)　　加入收藏

如何将任意CSS类型转换为数值？

在 CSS 中有各式各样的类型值，例如 1rem、10vw、100cqw等等，这些相对值给与了 CSS 强大的适应能力。但有时候，......【详细内容】

[css]　微信公众号　前端侦探　2023-10-16 13:11:35　TAGS: CSS 点击:(295)　　评论:(0)　　加入收藏

如何使用CSS和JavaScript实施暗模式？

译者 | 布加迪审校 | 重楼近年来，暗模式作为用户界面选项备受追捧。它提供了更暗的背景和更亮的文本，不仅可以......【详细内容】

[css]　51CTO　　2023-10-10 15:17:58　TAGS: CSS 点击:(213)　　评论:(0)　　加入收藏

作用域 CSS 回来了，你知道吗？

几年前，消失的作用域 CSS，如今它回来了，而且比以前的版本要好得多。更好的是，W3C规范基本稳定，现在Chrome中已经......【详细内容】

[css]　微信公众号　大迁世界　2023-09-27 14:17:58　TAGS: CSS 点击:(259)　　评论:(0)　　加入收藏

8个CSS小技巧，你知道吗？

来源 | OSCHINA 社区作者 | 葡萄城技术团队原文链接：https://my.oschina.net/powertoolsteam/blog/10107858......【详细内容】

[css]　OSC开源社区　　2023-09-07 11:12:36　TAGS: CSS 点击:(261)　　评论:(0)　　加入收藏

CSS中完美掌握多行文本修剪技巧

这篇文章深入讨论了在CSS中裁剪多行文本的方法，以提高网页的外观和用户体验。作者首先介绍了常见的CSS文本裁......【详细内容】

[css]　微信公众号　大迁世界　2023-07-28 20:44:19　TAGS: CSS 点击:(276)　　评论:(0)　　加入收藏

一文搞懂CSS line-height和vertical-align

在学习CSS期间，不少同学感觉基本能理解line-height和vertical-align的用法，但是遇到一些具体问题的时候，又发现......【详细内容】

[css]　　尚硅谷教育　2023-06-30 14:30:16　TAGS: CSS 点击:(367)　　评论:(0)　　加入收藏

CSS Position属性六个取值和区别

position 的含义是指定位类型，取值类型可以有：static、relative、absolute、fixed、inherit和sticky，这里stick......【详细内容】

[css]　稀土掘金　　2023-06-21 14:04:48　TAGS: CSS 点击:(89)　　评论:(0)　　加入收藏

探索 CSS 颜色的新功能！你真的掌握了吗？

CSS Colors Module Level 4：旨在扩展 CSS 中颜色相关的特性和功能。它提供了一些新的颜色表示方式、自定义调......【详细内容】

[css]　微信公众号　前端充电宝　2023-06-15 13:03:09　TAGS: CSS 点击:(396)　　评论:(0)　　加入收藏

适合每个人的热门CSS工具

文章中列举了几个流行的CSS工具，包括Sizzy、Grid Generator、Clippy、CSS Gradient Animator以及Flexy Boxes......【详细内容】

[css]　　大迁世界　2023-05-29 13:33:02　TAGS: CSS 点击:(284)　　评论:(0)　　加入收藏

前端开发如何更好的避免样式冲突？级联层(CSS@layer)

本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联以及级联层的创建、嵌套、排序和浏览器支持情况。级联层可......【详细内容】

[css]　 vivo互联网技术　　2023-05-25 13:30:21　TAGS: CSS 点击:(357)　　评论:(0)　　加入收藏

九个你不知道的 CSS 伪元素

CSS 伪元素是一项强大的功能，它允许您为所选元素的特定部分设置样式，而无需额外的 JavaScript 代码。虽然许......【详细内容】

[css]　微信公众号　web前端开发　2023-05-23 11:47:01　TAGS: CSS 点击:(274)　　评论:(0)　　加入收藏

CSS 代码生成器TOP10

免费的在线代码生成器将允许您快速迭代和构建您的代码。这里有十个最喜欢的用于创建 CSS 代码的工具，可在此......【详细内容】

[css]　今日头条　　2023-05-18 14:45:57　TAGS: CSS 点击:(313)　　评论:(0)　　加入收藏

纯CSS实现无秩序音浪的Loading特效 48/117

这是一个纯CSS实现的Loading特效，包括无秩序音浪的动画效果。该特效可以被用于网站、应用程序等需要加载时的......【详细内容】

[css]　今日头条　德育处主任pro　2023-05-17 16:06:29　TAGS: CSS 点击:(404)　　评论:(0)　　加入收藏

一文读懂CSS样式，Django学前必会

CSS简介CSS（层叠样式表）是一种用于描述网页展示样式的语言。它可以与HTML结合使用，通过定义样式规则来控制网页......【详细内容】

[css]　今日头条　你的老师父　2023-05-16 12:41:14　TAGS: Django 点击:(496)　　评论:(0)　　加入收藏

CSS布局中为什么会出现浮动？怎么清除浮动？

浮动是一种不同于固定和稳定定位的定位方式，它将元素排除在标准流之外，即元素将脱离标准流，不占据空间。在网页......【详细内容】

[css]　今日头条　NativeBase　2023-05-15 15:18:42　TAGS: CSS 点击:(454)　　评论:(0)　　加入收藏

三行CSS代码轻松实现全网站暗黑模式

本文由 Mads Stoumann 撰写的博文，主要介绍了如何通过简单的三行CSS代码实现网站的暗黑模式。该博文提到，<sys......【详细内容】

[css]　　大迁世界　2023-05-15 15:09:21　TAGS: CSS 点击:(364)　　评论:(0)　　加入收藏

使用 CSS 提升你的 HTML 文档

当你编写文档时，无论是为开源项目还是技术写作项目，你都应该有两个目标：文档应该写得好，同时要易于阅读。前者通......【详细内容】

[css]　Linux中国　　2023-04-17 14:15:16　TAGS: CSS 点击:(263)　　评论:(0)　　加入收藏

纯 CSS 实现一个计时器

CSS 现在可不仅仅只是改一个颜色这么简单，还可以做很多交互，比如做一个功能齐全的计时器？样式上并不复杂，主要......【详细内容】

[css]　微信公众号　前端侦探　2023-04-17 13:57:44　TAGS: CSS 点击:(189)　　评论:(0)　　加入收藏

永远不应该在CSS中使用px来设置字体大小

在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中，作者讨论了为什么不应该使用像素（px）作为网页......【详细内容】

[css]　微信公众号　大迁世界　2023-04-04 12:30:19　TAGS: CSS 点击:(180)　　评论:(0)　　加入收藏

CSS 遮罩合成实现带圆角的环形 loading 动画

今天来用 CSS 实现一个带圆角的环形 loading 动画，效果是这样的先不考虑动画，其实就是这样一个图形那么，如何......【详细内容】

[css]　51CTO　前端侦探　2023-04-04 12:27:11　TAGS: CSS 点击:(231)　　评论:(0)　　加入收藏

如何利用CSS实现一款漂亮的无缝背景图

当我们用多个对象制作无缝图案时，我们需要处理对象在边界上的情况。通常我们创建对象的副本并将它们放置在适......【详细内容】

[css]　微信公众号　web前端开发　2023-03-31 11:39:25　TAGS: CSS 点击:(248)　　评论:(0)　　加入收藏

CSS绘制声呐图的详细步骤，三角函数和CSS技术高阶应用

CSS绘制声呐超声波图的详细步骤1、需求简述；2、CSS绘制90度扇形；3、添加分隔线绘制成一个超声波图样式的声呐......【详细内容】

[css]　今日头条　lyf风去云往　2023-03-30 14:02:23　TAGS: CSS 点击:(233)　　评论:(0)　　加入收藏

CSS 垂直导航和水平导航的设计

CSS 垂直导航和水平导航的设计CSS设置导航栏HTML文档的导航栏，是网页的重要组件之一，比如当前网页的顶部的那......【详细内容】

[css]　　写小说的程序员　2023-03-29 16:16:03　TAGS: CSS 点击:(182)　　评论:(0)　　加入收藏

html+css实现滚动背景图固定

效果图实现页面滚动，背景图穿过的效果注意：内部图片地址，自己替换成自己的图片示例代码css样式代码* { margin......【详细内容】

[css]　IT萌宠　　2023-03-29 15:46:03　TAGS: css 点击:(224)　　评论:(0)　　加入收藏

十个提高你网页设计能力的 CSS 技巧

CSS 有助于创建美观且响应迅速的网页，使这些网页在多种设备上保持一致。有大量的 CSS 技巧和技术可用于创建......【详细内容】

[css]　微信公众号　web前端开发　2023-03-20 17:21:02　TAGS: CSS 点击:(191)　　评论:(0)　　加入收藏

CSS 高级选择器完全指南

在 CSS 中，选择器是选取需设置样式的元素的模式。今天就来看看 CSS 中的高级选择器以及实用技巧！一、基础选择......【详细内容】

[css]　微信公众号　前端充电宝　2023-03-16 14:05:52　TAGS: CSS 点击:(212)　　评论:(0)　　加入收藏

CSS 颜色混合的N种方式

如果出现一种颜色就定义一个变量，每次都要维护多个颜色变量太麻烦了。有没有办法只用一个颜色呢？在这里也就是......【详细内容】

[css]　微信公众号　前端侦探　2023-03-06 11:58:40　TAGS: CSS 点击:(216)　　评论:(0)　　加入收藏

18个很有用的 CSS 技巧

今天来分享 18 个鲜为人知但很有用的 CSS 技巧！图片文字环绕shape-outside 是一个允许设置形状的 CSS 属性......【详细内容】

[css]　前端充电宝　CUGGZ　2023-03-06 11:51:11　TAGS: CSS 点击:(220)　　评论:(0)　　加入收藏

常见的 CSS 浏览器兼容性问题

默认问题可能是浏览器之间差异的最常见原因。使用 HTML 和 CSS 时，通常会遇到同一个 Web 应用程序的特定于浏......【详细内容】

[css]　粤嵌教育培训　　2023-03-01 14:43:26　TAGS: CSS 点击:(173)　　评论:(0)　　加入收藏

如何编写高效的CSS代码？这五个技巧一定要知道！

CSS 是现代 Web 开发的重要组成部分！编写高效的 CSS 代码可以帮助提高网页的性能和可维护性。今天，将介绍编写......【详细内容】

[css]　今日头条　　2023-02-27 14:21:54　TAGS: CSS 点击:(191)　　评论:(0)　　加入收藏

javascript querySelector选择器和addEventListener事件监听

querySelector()元素选择器功能： querySelector() 方法返回文档中匹配指定 CSS 选择器的第一个元素；如果你需......【详细内容】

[css]　今日头条　黑猫编程　2023-02-21 14:56:46　TAGS: javascript 点击:(224)　　评论:(0)　　加入收藏

CSS 实现超过固定高度后出现展开折叠按钮

CSS现在已经有相关方法可以判断高度了，那就是CSS容器查询。不过这个特性太高级了，目前几乎还不能实战，我们这次......【详细内容】

[css]　51CTO　XboxYan　2023-02-20 16:06:33　TAGS: CSS 点击:(230)　　评论:(0)　　加入收藏

CSS 如何让auto height完美支持过渡动画？

通常是借助 JS 动态去获取元素的高度（还有些麻烦的，需要渲染后才能知道高度）。其实CSS 也有一个巧用max-height......【详细内容】

[css]　51CTO　XboxYan　2023-02-06 12:50:31　TAGS: CSS 点击:(284)　　评论:(0)　　加入收藏

如何优雅的实现网页多主题风格换肤功能？

对于网页换肤，例如最常见的深色、浅色风格已经是很常见的一个需求了。一直以来也有很多的实现方案，这里我主......【详细内容】

[css]　今日头条　程序媛最幽默　2023-02-04 14:09:28　TAGS: 网页点击:(293)　　评论:(0)　　加入收藏

使用CSS实现聚光灯效果

效果: 所有代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="......【详细内容】

[css]　今日头条　一个爬坑的Coder　2022-12-11 17:14:27　TAGS: CSS 点击:(344)　　评论:(0)　　加入收藏

网站实现哀悼变灰效果，一行css样式代码搞定

在发生重大哀悼事件时候，需要紧急将网站变灰以示哀悼，在此虫虫给大家总结了几种方法，通过简单修改一下站点样式......【详细内容】

[css]　　虫虫安全　2022-12-01 11:55:25　TAGS: css 点击:(220)　　评论:(0)　　加入收藏

CSS模仿今日头条文章显示

运行效果效果图技术要点图片和文字的对齐方式，vertical-align: bottom 底部对齐，vertical-align: middle 居......【详细内容】

[css]　今日头条　程序员COW哥　2022-11-14 17:11:38　TAGS: CSS 点击:(317)　　评论:(0)　　加入收藏

198 1 2 3 4 下一页尾页

会员登录

推荐资讯

CSS 颜色混合的N种方	CSS中px, vw, vh单位
CSS：绝对定位、相对定	你可能不知道的 CSS

热门点击