css中自定义变量妙用一例
摘要：
利用CSS中自定义的变量 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 #div1 7 { 8 position: relative; 9 height: 200px; 10 width: 200px 阅读全文
posted @ 2025-07-18 09:32 华安 阅读(15) 评论(0) 推荐(0)
css中transform-origin的理解
摘要：
定义和用法 transform-origin 属性允许您改变被转换元素的位置。 这个官方的定义看着让我头晕，实在是不好理解。 1 transform-origin: x-axis y-axis z-axis; 默认值为：50% 50% 0 x-axis的值可为left、center、right、le 阅读全文
posted @ 2025-07-18 09:13 华安 阅读(99) 评论(0) 推荐(0)
css去掉input获取焦点或者激活时的默认边框
摘要：
.textCheckCode:focus, .textCheckCode:active{ outline: none; } 主要时 文本框的 outline在起作用。 阅读全文
posted @ 2025-07-17 14:00 华安 阅读(49) 评论(0) 推荐(0)
windows下更新 nginx中的https证书注意
摘要：
1.重要的话说三遍，用新的 https证书替换掉旧的证书之后，一定要干一件大事，重启服务器，才会生效。今天被这个问题都搞的怀疑人生了。 执行了 nginx -s reload 很多遍都没效果，在浏览器端还是旧的https证书。重启服务器就OK了。 阅读全文
posted @ 2025-07-17 10:21 华安 阅读(50) 评论(0) 推荐(0)
css滤镜属性
摘要：
官方解释： https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter#%E8%AF%AD%E6%B3%95 https://www.exception.site/article/1939 使用总结： 1.body元素中使用 1 body{ 2 b 阅读全文
posted @ 2025-07-16 11:36 华安 阅读(12) 评论(0) 推荐(0)
html5进度条标签
摘要：
1.、progess标签 通过 progress 标签可以直接生成进度条效果： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <label for 阅读全文
posted @ 2025-07-15 17:33 华安 阅读(48) 评论(0) 推荐(0)
css中margin一种 边距的折叠(Collapsing Margins)
摘要：
当两个垂直相邻的块级元素的边距相遇时，它们会折叠成一个边距，其大小为两者中较大的那个。这是CSS的一个特性，旨在避免不必要的空白。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>菜鸟教程(runoob.co 阅读全文
posted @ 2025-07-15 17:09 华安 阅读(13) 评论(0) 推荐(0)
神奇的css动画：animation、transform、transition
摘要：
前言动画包括两个部分：描述动画的样式和用于指定动画开始、结束以及中间点样式的关键帧。 相比较于传统的脚本实现动画技术，使用css动画三个主要优点: 1.能够非常容易创建简单动画，甚至不需要了解JavaScript就能创建动画 2.动画运行效果良好，甚至在低性能的系统上，渲染引擎会使用跳帧或者其他技术 阅读全文
posted @ 2025-07-15 09:04 华安 阅读(138) 评论(0) 推荐(0)
CSS3超实用的属性: pointer-events(可穿透图层的鼠标事件)
摘要：
1、是什么 pointer-events 直译为指针事件，该属性指定在什么情况下某个DOM可以成为鼠标事件的 target。 简而言之，就是允许/禁止DOM的鼠标事件(click事件、hover事件、mouse事件等鼠标事件) 2、具体属性分析 用法分析：pointer-events: auto | 阅读全文
posted @ 2025-07-14 10:04 华安 阅读(250) 评论(0) 推荐(0)
浙公网安备 33010602011771号