css

为何 css 写了不生效？前端开发有时候我明明写了 css 属性但是样式却没能在浏览器中生效，这其实很大概率原因就是你可能还不了解 css 属性值的计算过程，本期文章就带大家过一遍这部分知识，或许有你不清楚的内容🤷‍♂️

CSS进度条带斑马纹动画(有效果图)遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。

微信小程序无缝衔接弹幕效果纯CSS主要运用蒙层、动画延迟遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。

微信小程序三种裁剪动画有效果图遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。

dispaly: inline-flex 和 display: flex 的区别display: inline-flex 和 display: flex 都是 CSS 中用于创建弹性盒子布局（Flexbox）的属性值，但它们之间有一些关键的区别，主要体现在元素如何在页面上被渲染和它们对周围元素的影响。

CSS核心笔记001中间没有空格,分隔符号等用的最多的是元素配合类名选择器逗号分割的选择器符合其中一个的都会选上儿子的儿子的儿子,都是后代

小宁爱Python

CSS的复合选择器CSS选择器是前端开发中非常重要的基础知识，而复合选择器则是其中功能强大且实用的部分。本文将详细介绍各种复合选择器的用法和应用场景，帮助您更高效地选择和控制页面元素。

使用css实现动态loadingwww.w3school.com.cn/css/css3_ma…【注】需要透明底色的文字图片

通过gird布局实现div的响应式分布排列目标：实现对于固定宽度的div盒子在页面中自适应排布，并且最后一行的div盒子可以与前面的盒子对齐。效果图：浏览器窗口变化，盒子排布也会变动

爱上大树的小猪

【前端进阶】深入解析 Flexbox 布局中的 flex-shrink 与 gap 兼容性问题Flexbox 布局已成为现代 Web 开发中不可或缺的技术，但在实际使用中开发者常会遇到 flex-shrink 导致的内容挤压问题和 gap 属性的兼容性挑战。本文将通过代码示例和原理分析，帮助你彻底理解这些问题并提供解决方案。

html-css样式指定所有类型为文本的元素的样式在这里插入图片描述在CSS中，以.（点）开头的选择器用于选择具有特定类（class）名的HTML元素。这种选择器被称为类选择器。类选择器允许你为具有相同类名的多个元素指定相同的样式

江城开朗的豌豆

CSS篇：告别单调背景：CSS渐变的20种惊艳用法🎓 作者简介：前端领域优质创作者🚪 资源导航：传送门=>🎬 个人主页：江城开朗的豌豆🌐 个人网站: 江城开朗的豌豆 🌍

江城开朗的豌豆

CSS篇：Flex布局核心属性详解：flex-grow/shrink/basis到底怎么用？🎓 作者简介：前端领域优质创作者🚪 资源导航：传送门=>🎬 个人主页：江城开朗的豌豆🌐 个人网站: 江城开朗的豌豆 🌍

前端盒模型详解在前端开发的世界中，盒模型（Box Model）是理解网页布局和设计的基础。它定义了HTML元素如何在页面上呈现，包括元素的尺寸、边距、边框和填充。本文将由浅入深，全方位解读盒模型，帮助读者掌握这一关键概念。

小桥风满袖

我猜这些css属性，你用过的不超过10个所有介绍的属性，并不会描述如何使用，只是给出相应的例子background-origin 规定了指定背景图片background-image属性的原点位置的背景相对区域。

前端小巷子

CSS3 现代布局全攻略：Flexbox 终极指南在网页开发中，布局始终是最基础也是最关键的环节。随着 CSS3 的普及，Flexbox（弹性盒）布局系统彻底改变了我们构建网页的方式。本文将深入解析这种现代布局方案，帮助你轻松应对各种布局需求。

晓得迷路了

从 0 到 1：开启 Chrome 插件开发的奇妙之旅谈到 Chrome 插件，相信大家都不陌生，我们可以使用 Chrome 插件实现广告拦截、数据抓取、标签管理等功能，这些能力让我们有更好的浏览体验和更高效的办公效率。

liangshanbo1215

深入讲解 CSS 选择器权重及实战CSS 选择器的优先级由三元组 (x, y, z) 决定，比较规则如下：比较规则：从左到右逐级比较。例如 (1,0,0) > (0,10,10)（ID 优先级最高）。

一只小风华~

Web前端（CSS篇）什么是CSS？css(Cascading Style Sheets)是层叠样式表或级联样式表，是一组设置规则，用于控制web页面外观。

flex布局实现横向滚动