- 视频 视频地址：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 中的位置决定： 块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列； 浮动 浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。 定...
- padding 设置 p 元素的 4 个内边距： p { padding:2cm 4cm 3cm 4cm; } 1234 所有浏览器都支持 padding 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。 定义和用法 padding 简写属性在一个声明中设置所有内边距属性。 说明 这个简写属... padding 设置 p 元素的 4 个内边距： p { padding:2cm 4cm 3cm 4cm; } 1234 所有浏览器都支持 padding 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。 定义和用法 padding 简写属性在一个声明中设置所有内边距属性。 说明 这个简写属...
- css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式；空格隔开表示从属包含关系，是当前的元素子元素； 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。 比如下面的代码示例： <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=... css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式；空格隔开表示从属包含关系，是当前的元素子元素； 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。 比如下面的代码示例： <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=...
- 主要用到原生态的 JS+CSS3实现罗盘样式钟表，主要可用于自定义网站玩耍，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html{ background: #000; color: #666; font-size:... 主要用到原生态的 JS+CSS3实现罗盘样式钟表，主要可用于自定义网站玩耍，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html{ background: #000; color: #666; font-size:...
- 正方形 #square { width: 100px; height: 100px; background: red; } 12345 长方形 #rectangle { width: 200px; height: 100px; background: red; } 12345 圆形 .circle { width: 100px; ... 正方形 #square { width: 100px; height: 100px; background: red; } 12345 长方形 #rectangle { width: 200px; height: 100px; background: red; } 12345 圆形 .circle { width: 100px; ...
- 在Vue项目npm run build过程中，突然爆出CssSyntaxError unclosed bracket的错误提示，一脸懵，好好的项目怎么突然就出幺蛾子了呢？ 奇怪的是项目执行npm run dev命令时，可正常运行，而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用，所以在webpack... 在Vue项目npm run build过程中，突然爆出CssSyntaxError unclosed bracket的错误提示，一脸懵，好好的项目怎么突然就出幺蛾子了呢？ 奇怪的是项目执行npm run dev命令时，可正常运行，而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用，所以在webpack...
- #coding=utf-8import reimport timeimport requestsfrom requests.exceptions import RequestExceptionfrom bs4 import BeautifulSoupfrom prettytable import PrettyTable def getHtml(url): try: head... #coding=utf-8import reimport timeimport requestsfrom requests.exceptions import RequestExceptionfrom bs4 import BeautifulSoupfrom prettytable import PrettyTable def getHtml(url): try: head...
- 效果： 这样，有抖动的： 无抖动的： 实现： 1.定义一个盒子： <body> <div class="tu"></div> </body> 123 2.基本样式，长宽背景图等等~ .tu{ width: 500px; height: 300px; background-image: url(8.jpg); background-size: 100% ... 效果： 这样，有抖动的： 无抖动的： 实现： 1.定义一个盒子： <body> <div class="tu"></div> </body> 123 2.基本样式，长宽背景图等等~ .tu{ width: 500px; height: 300px; background-image: url(8.jpg); background-size: 100% ...
- demo代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> .content_top{ width: 500px; height: 80px; background-color: green; } .content_outer{ ... demo代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> .content_top{ width: 500px; height: 80px; background-color: green; } .content_outer{ ...
- 安装Bootstrap环境，下载框架文档和core代码 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页： 您会看到两个按钮： Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和... 安装Bootstrap环境，下载框架文档和core代码 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页： 您会看到两个按钮： Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和...
- Row的布局有六个步骤，这种布局表现来自Flex（Row和Column的父类）： 首先按照不受限制的主轴（main axis）约束条件，对flex为null或者为0的child进行布局，然后按照交叉轴（ cross axis）的约束，对child进行调整；按照不为空的flex值，将主轴方向上剩余的空间分成相应的几等分；对上述步骤flex值不为空的child，在交叉轴方... Row的布局有六个步骤，这种布局表现来自Flex（Row和Column的父类）： 首先按照不受限制的主轴（main axis）约束条件，对flex为null或者为0的child进行布局，然后按照交叉轴（ cross axis）的约束，对child进行调整；按照不为空的flex值，将主轴方向上剩余的空间分成相应的几等分；对上述步骤flex值不为空的child，在交叉轴方...
上滑加载中
推荐直播
-
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day2）2025/03/30 周日 09:00-12:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
从AI基础到昇腾：大模型初探、DeepSeek解析与昇腾入门2025/04/02 周三 16:00-17:30
不易 / 华为云学堂技术讲师
昇腾是华为研发的AI芯片，其具有哪些能力？我们如何基于其进行开发？本期直播将从AI以及大模型基础知识开始，介绍人工智能核心概念、昇腾AI基础软硬件平台以及昇腾专区，旨在为零基础或入门级学习者搭建从AI基础知识到昇腾技术的完整学习路径。
回顾中
热门标签