编程笔记 html5&css&js 058 css计数器

编程笔记 html5&css&js 058 css计数器 一、带计数器的自动编号二、嵌套计数器三、CSS 计数器属性练习小结 一、带计数器的自动编号 CSS 计数器就像“变量”。变量值可以通过 CSS 规则递增(将跟踪它们的使用次数)。 如需使用 CSS 计数器,我们将使用以下属性: counter-reset - 创建或重置计数器 counter-increment - 递增计数器值 content ...

编程笔记 html5&css&js 059 css多列

编程笔记 html5&css&js 059 css多列 一、CSS3 多列属性二、实例小结 一、CSS3 多列属性 下表列出了所有 CSS3 的多列属性: 属性描述column-count指定元素应该被分割的列数。column-fill指定如何填充列column-gap指定列与列之间的间隙column-rule所有 column-rule-* 属性的简写column-rule-col...

编程笔记 html5&css&js 056 CSS不透明度

编程笔记 html5&css&js 056 CSS不透明度 一、CSS 不透明度 / 透明度二、使用 RGBA 的透明度三、透明盒中的文本小结 一、CSS 不透明度 / 透明度 opacity 属性指定元素的不透明度/透明度。 opacity 属性通常与 :hover 选择器一同使用,这样就可以在鼠标悬停时更改不透明度: img { opacity: 0.5;}img:hover { opacity...

HTML 炫酷进度条

下面是代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Light Loader - CodePen</title> <style>html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,...

html 粒子效果文字特效

有两个代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Cont...

编程笔记 html5&css&js 055 CSS颜色表

编程笔记 html5&css&js 055 CSS颜色表 一、代码二、小结 一、代码 <!DOCTYPE html><html lang="zh-cn"> <head> <title>css颜色表 编程笔记 html5&css&js</title> <meta charset="utf-8" /> <style> body { color: cyan; background-color: teal; ...

webpack如何把dist.js中某个模块js打包成一个全局变量,使得在html引入dist.js后可以直接访问

webpack可以通过使用expose-loader来将模块中的一个js文件暴露为全局可以访问的变量。下面是一个示例代码: 1、安装expose-loader 2、webpack.config.js配置文件 值得注意的是:我在本地使用16.14.2版本的node打包时会报一些警告,升级node18.12.1未报警告,警告信息如下: module.exports = { entry: "./lib/ind...

编程笔记 html5&css&js 080 JavaScript 跳转语句

编程笔记 html5&css&js 080 JavaScript 跳转语句 1. `break` 语句2. `continue` 语句3. `return` 语句注意 1. break 语句 break 语句用来强制退出当前循环(如 for、while 或 do...while 循环)或 switch 语句。一旦遇到 break,它所在的整个循环体或 case 子句都会被终止。 // 在循环中的 bre...

html 3D 倒计时爆炸特效

下面是代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>HTML5 Canvas 3D 倒计时爆炸特效DEMO演示</title> <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" /> </head> <body><div s...

编程笔记 html5&css&js 055 css默认值

编程笔记 html5&css&js 055 css默认值 <!DOCTYPE html><html lang="zh-cn"> <head> <title>css默认值 编程笔记 html5&css&js</title> <meta charset="utf-8" /> <style> body { color: cyan; background-color: teal; } table { marg...
© 2024 LMLPHP 关于我们 联系我们 友情链接 耗时0.007661(s)
2024-03-29 04:58:14 1711659494