- 先看效果： 更长看视频 实现： 添加标签底层盒子，再直接暴力添加10个气泡标签： <div class="kuang"> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class=... 先看效果： 更长看视频 实现： 添加标签底层盒子，再直接暴力添加10个气泡标签： <div class="kuang"> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class=...
- 方式1： 效果： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> .customer-page { ba... 方式1： 效果： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> .customer-page { ba...
- 效果图： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片预加载</title> </head> <style> .content { width: 600px; margin: auto; } img { max-width: 100%; } .loa... 效果图： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片预加载</title> </head> <style> .content { width: 600px; margin: auto; } img { max-width: 100%; } .loa...
- <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit... <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit...
- <!doctype html><html> <head> <meta charset="UTF-8"> <title>文字滚动：公众号AlbertYang</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script> <style type="text... <!doctype html><html> <head> <meta charset="UTF-8"> <title>文字滚动：公众号AlbertYang</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script> <style type="text...
- 效果： 标题 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="jquery-1.11.3.min.js" type="text/javascript"></script> <style type="text/css"> * { paddin... 效果： 标题 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="jquery-1.11.3.min.js" type="text/javascript"></script> <style type="text/css"> * { paddin...
- B站视频：https://www.bilibili.com/video/BV1Kp4y167iX 十分钟实现炫酷透明计算器，CSS3+JavaScript实现3D炫酷计算器 今天带大家实现了一个炫酷的透明计算器，实现的过程中需要用到vanillatiltjs，一个平滑的3D倾斜javascript库，具体的使用和下载地址如下：https://micku7zu.g... B站视频：https://www.bilibili.com/video/BV1Kp4y167iX 十分钟实现炫酷透明计算器，CSS3+JavaScript实现3D炫酷计算器 今天带大家实现了一个炫酷的透明计算器，实现的过程中需要用到vanillatiltjs，一个平滑的3D倾斜javascript库，具体的使用和下载地址如下：https://micku7zu.g...
- 送你一朵小红花，愿你勇敢的面对生活中的苦难，不要放弃爱与希望，蓝天白云，定会如期而至。 视频： B站视频链接：https://www.bilibili.com/video/BV1xX4y1M7yM 送你一朵小红花，CSS实现一朵旋转的小红花 HTML <!DOCTYPE html><html lang="en"> <head&... 送你一朵小红花，愿你勇敢的面对生活中的苦难，不要放弃爱与希望，蓝天白云，定会如期而至。 视频： B站视频链接：https://www.bilibili.com/video/BV1xX4y1M7yM 送你一朵小红花，CSS实现一朵旋转的小红花 HTML <!DOCTYPE html><html lang="en"> <head&...
- 文章目录 目标：使用CSS完成网站首页的优化需求分析:技术分析步骤分析:代码实现:扩展: 使用DIV+CSS完成注册页面的优化需求分析技术分析步骤分析:代码实现: CSS部分的总结:使用JS完成简单的数据校验需求分析技术分析JavaScript概述JS的组成:JS的语法:JS的数据类型:JS的运算符和语句:JS的输出 JS的开发步骤步骤分析:代码实现 使用JS完... 文章目录 目标：使用CSS完成网站首页的优化需求分析:技术分析步骤分析:代码实现:扩展: 使用DIV+CSS完成注册页面的优化需求分析技术分析步骤分析:代码实现: CSS部分的总结:使用JS完成简单的数据校验需求分析技术分析JavaScript概述JS的组成:JS的语法:JS的数据类型:JS的运算符和语句:JS的输出 JS的开发步骤步骤分析:代码实现 使用JS完...
- 目录 1 视频 2 知识点 2.1 CSS calc() 函数 2.2 CSS var() 函数 2.3 CSS3 box-shadow 属性 2.4 CSS3 box-sizing 属性 2.5 CSS3 filter(滤镜) 属性 2.6 CSS3动画(animation) 3 参考代码 3.1 HTML 3.2 CSS 1 视频 视频地址：h... 目录 1 视频 2 知识点 2.1 CSS calc() 函数 2.2 CSS var() 函数 2.3 CSS3 box-shadow 属性 2.4 CSS3 box-sizing 属性 2.5 CSS3 filter(滤镜) 属性 2.6 CSS3动画(animation) 3 参考代码 3.1 HTML 3.2 CSS 1 视频 视频地址：h...
- 视频 视频地址：https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画，CSS+JavaScript实现节日祝福动画，祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC... 视频 视频地址：https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画，CSS+JavaScript实现节日祝福动画，祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC...
- 效果： 实现代码(需要引入jquery)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.js" type="text/javascript"></script> <style type="text/css"> * { paddin... 效果： 实现代码(需要引入jquery)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.js" type="text/javascript"></script> <style type="text/css"> * { paddin...
- IE9支持的伪类&伪元素 :root:nth-child(n):nth-last-child(n):nth-of-type(n):nth-last-of-type(n):last-child:first-of-type:last-of-typenly-childnly-of-type:empty:target:not(s):enabled:disable... IE9支持的伪类&伪元素 :root:nth-child(n):nth-last-child(n):nth-of-type(n):nth-last-of-type(n):last-child:first-of-type:last-of-typenly-childnly-of-type:empty:target:not(s):enabled:disable...
- 项目中用了element-ui，有切换主题色的需要。但官方的方式，有几个问题： 1、需要下载整个element-ui的样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖，渲染较慢，且容易导致覆盖已有样式出现意外问题。 其实带颜... 项目中用了element-ui，有切换主题色的需要。但官方的方式，有几个问题： 1、需要下载整个element-ui的样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖，渲染较慢，且容易导致覆盖已有样式出现意外问题。 其实带颜...
- CSS 提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。 普通流 普通流中元素的位置由元素在 (X)HTML 中的位置决定： 块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列； 浮动 浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。 定... CSS 提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。 普通流 普通流中元素的位置由元素在 (X)HTML 中的位置决定： 块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列； 浮动 浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。 定...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签