- 前言网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是这篇文章想要了解的元素。在网页中当一页无法容纳所有的数据的时候，我们经常使用overflow来进行设定。 overflowoverflow 是overflow-x 和overflow-y的简写，用来设定当一块... 前言网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是这篇文章想要了解的元素。在网页中当一页无法容纳所有的数据的时候，我们经常使用overflow来进行设定。 overflowoverflow 是overflow-x 和overflow-y的简写，用来设定当一块...
- 前言今天在逛推特的时候看到了国外的一个大佬发的贴子，主要是介绍了如何管理自己的CSS代码。我觉得他的管理方法还是不错的。当然，每个公司，每个人的管理方式都是不一样的。大家可以借鉴，取他之长。补己之短。https://twitter.com/_georgemoller/status/1438168695176634374?s=05 文件夹划分按照不同的功能划分文件夹，例如组件样式，布局样式，... 前言今天在逛推特的时候看到了国外的一个大佬发的贴子，主要是介绍了如何管理自己的CSS代码。我觉得他的管理方法还是不错的。当然，每个公司，每个人的管理方式都是不一样的。大家可以借鉴，取他之长。补己之短。https://twitter.com/_georgemoller/status/1438168695176634374?s=05 文件夹划分按照不同的功能划分文件夹，例如组件样式，布局样式，...
- 自我介绍大家好，我是前端picker。欢迎关注我的公众号[樱舞话前端]，(文章最下面有二维码，扫一扫进入前端新世界) 关注专栏 学透CSS,带你走进CSS的深处！！！专栏暂未收费，早关注早白嫖！ 前言俗话说一图胜千言，网页中一张好看的图片，配上精美的文字，定能吸引眼球。 background-image-设置元素的背景图片 定义将图形（例如 PNG、SVG、JPG、GIF、WEBP）或渐变... 自我介绍大家好，我是前端picker。欢迎关注我的公众号[樱舞话前端]，(文章最下面有二维码，扫一扫进入前端新世界) 关注专栏 学透CSS,带你走进CSS的深处！！！专栏暂未收费，早关注早白嫖！ 前言俗话说一图胜千言，网页中一张好看的图片，配上精美的文字，定能吸引眼球。 background-image-设置元素的背景图片 定义将图形（例如 PNG、SVG、JPG、GIF、WEBP）或渐变...
- 最简单的三角气泡 实现思路：使用一个::before和::after，对两个设置边框，最后边框的效果就是三角形，一个三角形的边框颜色div一致，两一个则是白色，整好覆盖在上方。 代码 .bubble-box { position: relative; border: 2px solid #409eff; border-radius: 5p... 最简单的三角气泡 实现思路：使用一个::before和::after，对两个设置边框，最后边框的效果就是三角形，一个三角形的边框颜色div一致，两一个则是白色，整好覆盖在上方。 代码 .bubble-box { position: relative; border: 2px solid #409eff; border-radius: 5p...
- 目录命名原则简洁。有习惯性缩写的单词 必须(MUST) 采用容易理解的缩写。如：源代码目录使用src，不使用source。下面是更多例子：img: 图片。 不允许(MUST NOT) 使用image、images、imgs等。js: javascript脚本。 不允许(MUST NOT) 使用script、scripts等。css: 样式表。 不允许(MUST NOT) 使用style、st... 目录命名原则简洁。有习惯性缩写的单词 必须(MUST) 采用容易理解的缩写。如：源代码目录使用src，不使用source。下面是更多例子：img: 图片。 不允许(MUST NOT) 使用image、images、imgs等。js: javascript脚本。 不允许(MUST NOT) 使用script、scripts等。css: 样式表。 不允许(MUST NOT) 使用style、st...
- 超链接的伪类和伪元素利用超链接的伪类可以为超链接设置访问状态，给用户更带来更好的体验。当然还有适用于全局的伪类，例如鼠标移入，点击，以及获取焦点点击进去的状态。利用超链接的伪元素可以使操作页面内容，在指定位置添加内容，或修改指定位置的样式。使文章内容更加丰富，体验感更好。下面让我们一起来学习吧！ 1.超链接的伪类只适用于设置超链接的伪劣link;表示没访问过的链接（正常的链接）a:link... 超链接的伪类和伪元素利用超链接的伪类可以为超链接设置访问状态，给用户更带来更好的体验。当然还有适用于全局的伪类，例如鼠标移入，点击，以及获取焦点点击进去的状态。利用超链接的伪元素可以使操作页面内容，在指定位置添加内容，或修改指定位置的样式。使文章内容更加丰富，体验感更好。下面让我们一起来学习吧！ 1.超链接的伪类只适用于设置超链接的伪劣link;表示没访问过的链接（正常的链接）a:link...
- HTML+CSS+JS实现 ❤️Three碎片化图片切换❤️ HTML+CSS+JS实现 ❤️Three碎片化图片切换❤️
- HTML+CSS+JS实现 ❤️圣诞抓礼物小游戏❤️ HTML+CSS+JS实现 ❤️圣诞抓礼物小游戏❤️
- less 既可以在客户端运行也可以借助node.js在服务端运行‘less中的注释以//开头的注释不会被编译到css文件中以/**/包裹的注释会被编译到css文件中less中的变量使用@来申明一个变量：@pink:pink;1.作为普通属性只来使用：直接使用@pink2.作为选择器和属性名：#@{selector的值}的形式3.作为URL：@{url}4.变量的延迟加载（变量是块级作用域）l... less 既可以在客户端运行也可以借助node.js在服务端运行‘less中的注释以//开头的注释不会被编译到css文件中以/**/包裹的注释会被编译到css文件中less中的变量使用@来申明一个变量：@pink:pink;1.作为普通属性只来使用：直接使用@pink2.作为选择器和属性名：#@{selector的值}的形式3.作为URL：@{url}4.变量的延迟加载（变量是块级作用域）l...
- 原文 Difference Between SASS and SCSSSASS（Syntactically Awesome Style Sheets）是一种由 Hampton Catlin 设计、Chris Eppstein 和 Natalie Weizenbaum 开发的样式表语言。 它是一种预处理器脚本语言，将被编译或解释为 CSS。 Sass Script 本身就是一种脚本语言。 它的... 原文 Difference Between SASS and SCSSSASS（Syntactically Awesome Style Sheets）是一种由 Hampton Catlin 设计、Chris Eppstein 和 Natalie Weizenbaum 开发的样式表语言。 它是一种预处理器脚本语言，将被编译或解释为 CSS。 Sass Script 本身就是一种脚本语言。 它的...
- Mixins are the Sass equivalent of macros in other programming languages. If you’ve programmed before you could think of them as functions, procedures, or methods, but they aren’t technically any of... Mixins are the Sass equivalent of macros in other programming languages. If you’ve programmed before you could think of them as functions, procedures, or methods, but they aren’t technically any of...
- ❤️绿色畜牧业肉食网页模板❤️（HTML+CSS+JavaScript-前端大作业） ❤️绿色畜牧业肉食网页模板❤️（HTML+CSS+JavaScript-前端大作业）
- ❤️炫酷黑色电影资讯博客网页模板❤️（电影主题-HTML+CSS+JavaScript-前端大作业） ❤️炫酷黑色电影资讯博客网页模板❤️（电影主题-HTML+CSS+JavaScript-前端大作业）
- 常见父项属性flex-direction:设置主轴方向(主轴是y轴，那侧轴就是x轴，反之一样)默认x轴（从左到右）：row从右到左：row-reversey轴（从上到下）：column从下到上：column-reversejustify-content:设置主轴上的子元素排列方式flex-start:默认值从头开始flex-end:从尾部开始center:在主轴居中对齐space-aroun... 常见父项属性flex-direction:设置主轴方向(主轴是y轴，那侧轴就是x轴，反之一样)默认x轴（从左到右）：row从右到左：row-reversey轴（从上到下）：column从下到上：column-reversejustify-content:设置主轴上的子元素排列方式flex-start:默认值从头开始flex-end:从尾部开始center:在主轴居中对齐space-aroun...
- css动画效果想提升的朋友可以关注我，不懂的地方私信必回，我们一起进步。代码可直接复制，更换你想换的图片，运行起来即可展现美丽的动画效果以下代码内涵注释，看不懂的可以私信我<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="... css动画效果想提升的朋友可以关注我，不懂的地方私信必回，我们一起进步。代码可直接复制，更换你想换的图片，运行起来即可展现美丽的动画效果以下代码内涵注释，看不懂的可以私信我<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签