- 🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大... 🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大...
- 🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大数据平台... 🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】🌎超炫酷的Echarts大屏可视化源码：【🔰 echarts大屏展示大数据平台...
- 💂 个人网站:【 海拥】【摸鱼小游戏】🤟 风趣幽默的前端学习课程：👉28个案例趣学前端💅 想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】💬 免费且实用的计算机相关知识题库：👉进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，👉点击跳转到网站。哈喽大家好，我是 海拥 ，专注于前端知识的分享。今天将给大家带来的是使用 JS 和 CSS 做一个图片到 PDF 的转换器... 💂 个人网站:【 海拥】【摸鱼小游戏】🤟 风趣幽默的前端学习课程：👉28个案例趣学前端💅 想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】💬 免费且实用的计算机相关知识题库：👉进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，👉点击跳转到网站。哈喽大家好，我是 海拥 ，专注于前端知识的分享。今天将给大家带来的是使用 JS 和 CSS 做一个图片到 PDF 的转换器...
- CSS篇 一.CSS简介 1.什么是CSS？CSS 指层叠样式表 (Cascading Style Sheets)。样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率，通常存储在CSS文件中多个样式定义可层叠为一个p{ color:red; text-align:center;} 二.CSS语法 1.语法规则CSS 规则由两个主要的部分构成：选... CSS篇 一.CSS简介 1.什么是CSS？CSS 指层叠样式表 (Cascading Style Sheets)。样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率，通常存储在CSS文件中多个样式定义可层叠为一个p{ color:red; text-align:center;} 二.CSS语法 1.语法规则CSS 规则由两个主要的部分构成：选...
- 在 Angular 中，组件的 CSS 样式被封装进了自己的视图中，而不会影响到应用程序的其它部分。通过在组件的元数据上设置视图封装模式，你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种：ShadowDom 模式：使用浏览器原生的 Shadow DOM 实现，可以参阅 MDN 上的 Shadow DOM 文档来为组件的宿主元素附加一个 Shadow DOM。组件的视图被附加到... 在 Angular 中，组件的 CSS 样式被封装进了自己的视图中，而不会影响到应用程序的其它部分。通过在组件的元数据上设置视图封装模式，你可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种：ShadowDom 模式：使用浏览器原生的 Shadow DOM 实现，可以参阅 MDN 上的 Shadow DOM 文档来为组件的宿主元素附加一个 Shadow DOM。组件的视图被附加到...
- 记一次给OpenHarmony提交代码的过程作者：坚果公众号："大前端之旅"OpenHarmony布道师，InfoQ签约作者，CSDN博客专家，华为云享专家，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,鸿蒙，小程序,安卓，VUE，JavaScript。昨晚雷声大作，睡不着，于是就爬起来写作了，在写作的过程中，发现官方文档中存在... 记一次给OpenHarmony提交代码的过程作者：坚果公众号："大前端之旅"OpenHarmony布道师，InfoQ签约作者，CSDN博客专家，华为云享专家，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,鸿蒙，小程序,安卓，VUE，JavaScript。昨晚雷声大作，睡不着，于是就爬起来写作了，在写作的过程中，发现官方文档中存在...
- 前端CSS大总结 前端CSS大总结
- 之前，我们的文章中已经有通过 JS 的方式实现文本打字机的效果了，具体可以看这篇文章：【前端三分钟】利用Javascript实现打字效果在本文中，你将学习如何使用纯CSS实现打字机效果，使网站的文本更加动态和迷人。打字机的效果是文字逐渐显露出来，就好像是在你眼前打字一样。在你的文本中添加打字机的效果可以帮助吸引你网站的访问者，并保持他们进一步阅读的兴趣。打字机效果可以用于许多目的，例如制作引... 之前，我们的文章中已经有通过 JS 的方式实现文本打字机的效果了，具体可以看这篇文章：【前端三分钟】利用Javascript实现打字效果在本文中，你将学习如何使用纯CSS实现打字机效果，使网站的文本更加动态和迷人。打字机的效果是文字逐渐显露出来，就好像是在你眼前打字一样。在你的文本中添加打字机的效果可以帮助吸引你网站的访问者，并保持他们进一步阅读的兴趣。打字机效果可以用于许多目的，例如制作引...
- 一、前言在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。在布局过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。什么？使用绝对定位还要条件？当然要啦！代码又没有脑子，没法自己思考... 一、前言在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。在布局过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。什么？使用绝对定位还要条件？当然要啦！代码又没有脑子，没法自己思考...
- calc是英文单词calculate(计算)的缩写,是css3的一个新增功能; MDN解释：可以用在任何长度,数值,时间,角度,频率等处理;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S... calc是英文单词calculate(计算)的缩写,是css3的一个新增功能; MDN解释：可以用在任何长度,数值,时间,角度,频率等处理;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S...
- 前言作为一个在海边的”小渔民“，除了海鲜，见的最多的就是蓝天白云了。不得不说，从海边看的蓝天白云，感觉就是更晴朗。这几年呆的城市雾霾虽说不严重，但是蓝天白云也没那么鲜亮啊。怀念啊！！！虽说写了好几年的代码，还没有画过云彩。 蓝色的背景body { margin: 0; padding:0; width: 100%; display: block; min-height: 100v... 前言作为一个在海边的”小渔民“，除了海鲜，见的最多的就是蓝天白云了。不得不说，从海边看的蓝天白云，感觉就是更晴朗。这几年呆的城市雾霾虽说不严重，但是蓝天白云也没那么鲜亮啊。怀念啊！！！虽说写了好几年的代码，还没有画过云彩。 蓝色的背景body { margin: 0; padding:0; width: 100%; display: block; min-height: 100v...
- 开发主页因为静态HTML不包含动态信息，所以我们使用JSP开发页面。JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。 1、创建页面框架创建homepage.jsp、footer.jsp、top.jsp和left.jsp，然后在homepage.jsp里面引用这个left.jsp、foote... 开发主页因为静态HTML不包含动态信息，所以我们使用JSP开发页面。JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。 1、创建页面框架创建homepage.jsp、footer.jsp、top.jsp和left.jsp，然后在homepage.jsp里面引用这个left.jsp、foote...
- 我们会在一些图片壁纸类网站上看到这样的图片库。许多类型的图像整齐地排列在一起。这种类型的设计最常用于个人网站或图片下载网站。如果你想知道什么是响应式猫猫图片库，让我来告诉你。响应式是网页设计中一个非常流行的词。作为响应式设计，任何屏幕尺寸的用户都可以使用。这意味着在任何设备的情况下，此设计都可以根据该设备的屏幕大小进行自我调整。下面我提供了一个现场演示，可以帮助大家了解此图片库的工作原理。h... 我们会在一些图片壁纸类网站上看到这样的图片库。许多类型的图像整齐地排列在一起。这种类型的设计最常用于个人网站或图片下载网站。如果你想知道什么是响应式猫猫图片库，让我来告诉你。响应式是网页设计中一个非常流行的词。作为响应式设计，任何屏幕尺寸的用户都可以使用。这意味着在任何设备的情况下，此设计都可以根据该设备的屏幕大小进行自我调整。下面我提供了一个现场演示，可以帮助大家了解此图片库的工作原理。h...
- 一、Flex布局详解 1.Flex布局的概念 1.1 传统布局盒子模型：我们知道当并列书写多个div标签，它们会纵向向下排位，如果我们想将多个div并列成一排，就得借助position，float，或display属性，这便是传统的盒模型做法。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素... 一、Flex布局详解 1.Flex布局的概念 1.1 传统布局盒子模型：我们知道当并列书写多个div标签，它们会纵向向下排位，如果我们想将多个div并列成一排，就得借助position，float，或display属性，这便是传统的盒模型做法。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素...
- 一、CSS 第四章 （1）浮动（float) 1.1 传统网页布局的三种方式网页布局的本质：用 CSS 来摆放盒子。 把盒子摆放到相应位置。CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）、浮动 、定位；温馨提醒：实际开发中，一个页面基本都包含了这三种布局方式（后面在移动端的学习中，也会学习到新的布局方式哦）。 1.2 标准流（普通流/文档流）所谓的标准... 一、CSS 第四章 （1）浮动（float) 1.1 传统网页布局的三种方式网页布局的本质：用 CSS 来摆放盒子。 把盒子摆放到相应位置。CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）、浮动 、定位；温馨提醒：实际开发中，一个页面基本都包含了这三种布局方式（后面在移动端的学习中，也会学习到新的布局方式哦）。 1.2 标准流（普通流/文档流）所谓的标准...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区？本期物联网平台资深“程序猿”，开源专家张俭，为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台，并手把手教你玩转开源社区！
去报名
热门标签