- 前言网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是这篇文章想要了解的元素。在网页中当一页无法容纳所有的数据的时候，我们经常使用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="...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签