- theme: smartblue这是我参与11月更文挑战的第17天，活动详情查看：2021最后一次更文挑战大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言在开发个人博客的时候，总想着尽可能的花哨... theme: smartblue这是我参与11月更文挑战的第17天，活动详情查看：2021最后一次更文挑战大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言在开发个人博客的时候，总想着尽可能的花哨...
- 慢慢是一个很好的词 慢慢遇见 慢慢成长 慢慢喜欢 慢慢温柔 所以我们要一起慢慢来 慢慢看世界 慢慢变老 字体族说到字体族就要为大家讲讲 图标字体 和 文本的水平垂直对齐方式 一.图标字体 首先来讲解图标字体：1.本质是字体，但是我们可以改变其属性。2.就是将图片打包成字体导入网页，这样可以减少网页请求。3.具有矢量性，即使放大也可以清晰观看。4.是移动端设备必须的。 了解了字体图标，下面来讲... 慢慢是一个很好的词 慢慢遇见 慢慢成长 慢慢喜欢 慢慢温柔 所以我们要一起慢慢来 慢慢看世界 慢慢变老 字体族说到字体族就要为大家讲讲 图标字体 和 文本的水平垂直对齐方式 一.图标字体 首先来讲解图标字体：1.本质是字体，但是我们可以改变其属性。2.就是将图片打包成字体导入网页，这样可以减少网页请求。3.具有矢量性，即使放大也可以清晰观看。4.是移动端设备必须的。 了解了字体图标，下面来讲...
- 我本来打算告诉你 当你不在我身边的这段日子里 我遇到的所有糟糕事 但最后我只想告诉你 我很想你 设置段落样式今天我们详细讲讲设置段落样式的方式：网页的排版离不开对文字段落的设置，这里主要讲述常用的段落样式，包括文字对齐方式，段落首行缩进，首字下沉，行高，单词间距，字符间距和文本大小1.设置文字的对齐方式设置文字对齐方式需要使用 text-align 属性来实现效果。语法：text-align... 我本来打算告诉你 当你不在我身边的这段日子里 我遇到的所有糟糕事 但最后我只想告诉你 我很想你 设置段落样式今天我们详细讲讲设置段落样式的方式：网页的排版离不开对文字段落的设置，这里主要讲述常用的段落样式，包括文字对齐方式，段落首行缩进，首字下沉，行高，单词间距，字符间距和文本大小1.设置文字的对齐方式设置文字对齐方式需要使用 text-align 属性来实现效果。语法：text-align...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言之前学习过很多text-*属性，当时觉得text-shadow真就一个比较鸡肋的属性。但是今天在实现3D字体的时候，才发现text-shadow对于... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言之前学习过很多text-*属性，当时觉得text-shadow真就一个比较鸡肋的属性。但是今天在实现3D字体的时候，才发现text-shadow对于...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言最近再开发个人博客遇到了许多好玩的事情，之前已经写了几篇关于开发个人博客遇到的问题的文章了，今天这篇文章也是！这是我目前博客的logo，本来是渐变文... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！ 前言最近再开发个人博客遇到了许多好玩的事情，之前已经写了几篇关于开发个人博客遇到的问题的文章了，今天这篇文章也是！这是我目前博客的logo，本来是渐变文...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言总有人觉得CSS就是一个布局的工具，忽视了CSS的重点，CSS的全称是啥？层叠样式表（Cascading Style Sheets）第二个词是啥，样式样式样式！总有人把CSS的强大忽略了。... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言总有人觉得CSS就是一个布局的工具，忽视了CSS的重点，CSS的全称是啥？层叠样式表（Cascading Style Sheets）第二个词是啥，样式样式样式！总有人把CSS的强大忽略了。...
- 在介绍css浮动与定位之前，先来了解一下文档流和非文档流文档流文档流，是指元素排版布局过程中，元素会自动从左到右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。标准流的特点：1.块级元素从上到下，独占一行 2.行内元素，行内块级元素从左到右在一行中显示。 3.占位置。非... 在介绍css浮动与定位之前，先来了解一下文档流和非文档流文档流文档流，是指元素排版布局过程中，元素会自动从左到右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。标准流的特点：1.块级元素从上到下，独占一行 2.行内元素，行内块级元素从左到右在一行中显示。 3.占位置。非...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言在做响应式网站的时候，我们经常需要考虑的是文字的大小，图片的宽高，盒子的大小等等！对于我个人来说，我是经常使用rem，rem，vh,vw等等响应式单位的。而对于文字的大小，我使用最多的是r... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言在做响应式网站的时候，我们经常需要考虑的是文字的大小，图片的宽高，盒子的大小等等！对于我个人来说，我是经常使用rem，rem，vh,vw等等响应式单位的。而对于文字的大小，我使用最多的是r...
- 大家好，我是前端picker，一个刚刚开始写文的作者。 前言作为一个现代化的语言，是要随着时代的发展而发展的。CSS从诞生时，就与JAVA,Python等语言有着巨大的不同。不过慢慢的CSS开始支持了很多先进的思想。变量就是一个巨大的进步。在其他语言中，变量与生俱来，CSS发展到今天，变量才有所进步！变量如何定义，在其他语言中，包括类型，变量名以及值。但是之前的CSS，是这样定义的：html... 大家好，我是前端picker，一个刚刚开始写文的作者。 前言作为一个现代化的语言，是要随着时代的发展而发展的。CSS从诞生时，就与JAVA,Python等语言有着巨大的不同。不过慢慢的CSS开始支持了很多先进的思想。变量就是一个巨大的进步。在其他语言中，变量与生俱来，CSS发展到今天，变量才有所进步！变量如何定义，在其他语言中，包括类型，变量名以及值。但是之前的CSS，是这样定义的：html...
- 鼠标悬停添加遮罩及图标 鼠标悬停添加遮罩及图标
- stylefmtstylefmt 是一个根据stylelint规则自动格式化 CSS 的工具。 优势更易于编写：在考虑黑客攻击的时候，永远不用担心次要的格式化问题，stylefmt已经为你解决。更易于阅读：使用本工具将其他作者的CSS文件进行格式化，格式化之后的代码更加易于阅读。更易于维护：机械化的格式CSS文件，保证了格式的前后一致性。无可争议：永远不要再就间距等各种问题争论。 功能支持... stylefmtstylefmt 是一个根据stylelint规则自动格式化 CSS 的工具。 优势更易于编写：在考虑黑客攻击的时候，永远不用担心次要的格式化问题，stylefmt已经为你解决。更易于阅读：使用本工具将其他作者的CSS文件进行格式化，格式化之后的代码更加易于阅读。更易于维护：机械化的格式CSS文件，保证了格式的前后一致性。无可争议：永远不要再就间距等各种问题争论。 功能支持...
- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言大部分的编程语言，在语言出现的那一刻就支持变量。但是，CSS一开始就不支持原生变量。所以大家开始选择SCSS,LESS等兼容的 CSS 扩展语言。不过庆幸的是CSS目前也已经支持变量。 定... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～.点我探索新世界！ 前言大部分的编程语言，在语言出现的那一刻就支持变量。但是，CSS一开始就不支持原生变量。所以大家开始选择SCSS,LESS等兼容的 CSS 扩展语言。不过庆幸的是CSS目前也已经支持变量。 定...
- 前言css中有将近102个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数，数学函数大概有：基本算术：calc()比较函数：min()、max()和clamp()阶梯值函数：round()、mod()和rem()三角函数：sin()、cos()、tan()、asin()、acos()、atan()和atan2()指数函数：pow()、sqrt()、hypot()、log... 前言css中有将近102个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数，数学函数大概有：基本算术：calc()比较函数：min()、max()和clamp()阶梯值函数：round()、mod()和rem()三角函数：sin()、cos()、tan()、asin()、acos()、atan()和atan2()指数函数：pow()、sqrt()、hypot()、log...
- 前言日常开发中，我们经常使用border来给元素增加一些美感，但是由于盒子模型的存在，border有时候会影响我们的判断，所以今天我们来介绍另一个属性来为元素增加一些美感。 outlineoutlineCSS 中的属性在元素的外部绘制一条线。它类似于边界，除了：它总是围绕所有边，你不能指定特定的边它不是盒模型的一部分，因此不会影响元素或相邻元素的位置，也就是说outline outline... 前言日常开发中，我们经常使用border来给元素增加一些美感，但是由于盒子模型的存在，border有时候会影响我们的判断，所以今天我们来介绍另一个属性来为元素增加一些美感。 outlineoutlineCSS 中的属性在元素的外部绘制一条线。它类似于边界，除了：它总是围绕所有边，你不能指定特定的边它不是盒模型的一部分，因此不会影响元素或相邻元素的位置，也就是说outline outline...
- 效果演示： 文末获取源码 主要JS代码实现 <div class="box" id="bb"> <canvas id="cas" width="1366" height="651"></canvas> </div> <script type="text/javascript" charset="utf-8"> var canvas = docume... 效果演示： 文末获取源码 主要JS代码实现 <div class="box" id="bb"> <canvas id="cas" width="1366" height="651"></canvas> </div> <script type="text/javascript" charset="utf-8"> var canvas = docume...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签