随笔分类 -  CSS

css 问题总结
css z-index 问题
摘要:问题概述: css3学习:opacity会形成隐式堆叠 在 CSS 中,z-index 和 opacity 是两个不同的属性,它们在渲染优先级方面有一些不同的影响。 z-index:z-index 控制元素的层叠顺序,具有更高 z-index 值的元素会覆盖具有更低 z-index 值的元素。z-i 阅读全文

posted @ 2024-04-17 15:12 正义的伙伴! 阅读(59) 评论(0) 推荐(0) 编辑

vue 优化默认加载显示
摘要:来源 https://loading.io/css/ 原理 vue 没有加载初始化时, 显示的是 div="app" 中的 dom 内容, 优先加载一个 css 动画 css .app-loading-container { top: 0; bottom: 0; left: 0; right: 0; 阅读全文

posted @ 2024-03-18 16:37 正义的伙伴! 阅读(29) 评论(0) 推荐(0) 编辑

css 设置画对角斜线
摘要:/* 通过 css 画 div 的对角斜线 */ background: linear-gradient(to top right, #EEF2F8, #EEF2F8 48%, #CEDFF8, #EEF2F8 51%, #EEF2F8); /* element-ui table 表头 */ .he 阅读全文

posted @ 2023-10-31 13:25 正义的伙伴! 阅读(438) 评论(0) 推荐(0) 编辑

css loading 效果
摘要:昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记…… 第1种效果: 代码如下: 第2种效果: 代码如下: 第3-5种效果: 代码如下: 第3-5种效果的css样式分别为: 第6-8种效果: 代码如下: 第6-8种效果的css样式分别为: 第9-10种效 阅读全文

posted @ 2019-10-30 19:46 正义的伙伴! 阅读(369) 评论(0) 推荐(0) 编辑

flex 布局 子元素 居中
摘要:align-items:center;/*垂直居中*/ justify-content: center;/*水平居中*/ 阅读全文

posted @ 2019-09-07 23:59 正义的伙伴! 阅读(6340) 评论(0) 推荐(0) 编辑

em 与 rem 区别.
摘要:em 与自身 字体大小有关. rem 与 body 的字体大小有关.. 阅读全文

posted @ 2018-10-25 14:08 正义的伙伴! 阅读(138) 评论(0) 推荐(0) 编辑

CSS column 布局总结
摘要:有时候 第一列 底部会跑到顶部那里一部分.这时候应该这样. 在 每个 div前加上 display:inline-block 阅读全文

posted @ 2018-10-09 10:34 正义的伙伴! 阅读(1646) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
//增加一段JS脚本,为目录生成使用
点击右上角即可分享
微信分享提示