![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
lq_20101224
代码小金库~
展开
-
前端面试:CSS常问
important > style > #id > .class > 元素选择器(div,::after) > @import。容器伪元素宽高是 200% ,边框为 1px ,然后缩小元素为50%,视觉上实现 0.5px。定位 + 伪元素 + transfrom缩放(scale)方式二:flex/grid + margin。方式三:父容器 table-cell。方式四:定位 + translate。方式一:flex/grid 布局。原创 2022-09-15 14:47:55 · 301 阅读 · 0 评论 -
CSS变量(CSS variable)— CSS自定义属性
CSS 变量(CSS variable)又叫做“CSS 自定义属性”,通过声明CSS变量来设置通用的颜色、字号等,实现统一页面风格,方便后期维护,减轻开发量,更高的性能,更好的压缩文件。原创 2022-09-15 12:55:18 · 601 阅读 · 0 评论 -
防御式 CSS,规避“以防万一”
防御性编程是一种细致、谨慎的编程方法(习惯)。我们在写代码时常会有“以防万一”的心态,把以防万一有可能出现的情况提前考虑进去,规避以免以防万一出现带来的问题。应用防御性编程技术,你可以侦测到可能被忽略的错误,防止可能会导致灾难性后果的“小毛病”的出现,在时间的运行过程中为你节约大量的调试时间。...转载 2022-08-26 14:58:23 · 300 阅读 · 0 评论 -
css文本溢出显示...
1. css 一行文本超出...overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本超出显示...display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; // 几行overflow: hidden;原创 2022-03-21 13:16:58 · 1071 阅读 · 0 评论 -
让CSS flex布局最后一行列表左对齐的N种方法
https://blog.csdn.net/xiaole0313/article/details/103286246?utm_medium=distribute.pc_relevant_download.none-task-blog-baidujs-2.nonecase&depth_1-utm_source=distribute.pc_relevant_download.none-task-blog-baidujs-2.nonecase转载 2021-07-01 09:43:29 · 151 阅读 · 0 评论 -
记css3:大屏可视化一些常用效果
(1)旋转效果@keyframes rotate { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); }}animation: rotate 3s linear infinite;(2)上下移动效果@keyframes move{ from{transform:translate(0..原创 2020-12-24 14:24:53 · 1169 阅读 · 0 评论 -
记滚动条CSS
/*隐藏滚动条*/&::-webkit-scrollbar { display: none;} div::-webkit-scrollbar滚动条整体部分 div::-webkit-scrollbar-thumb滚动条里面的小方块,能上下左右移动 div::-webkit-scrollbar-track滚动条的轨道 div::-webkit-scrollbar-button滚动条的轨道的两端按钮,允许通过点击微调小方块的位置 div::...原创 2020-11-30 10:45:48 · 134 阅读 · 0 评论 -
记录一下 clearfix 清除浮动
.clearfix{ overflow:hidden; _zoom:1; &:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }}原创 2020-01-19 11:21:16 · 100 阅读 · 0 评论