随笔分类 - CSS
前端三剑客之一CSS
摘要：display: grid; grid-template-columns: repeat(auto-fill, 232px); grid-gap: 22px 16px; justify-content: center;
阅读全文
摘要：.left-menus-pup { position: fixed; left: 0; right: 0; bottom: 0; top: 188px; z-index: 300; animation-name: pup; /* 2、动画持续时间 */ animation-duration: 0.1
阅读全文
摘要：.list:after { content: ""; flex: auto; }
阅读全文
摘要：-webkit-tap-highlight-color:rgba(255,255,255,0);
阅读全文
摘要：http://autoprefixer.github.io/ https://caniuse.com/
阅读全文
摘要：background: linear-gradient(270deg, rgba(68,104,240, .1), rgba(224,84,251, .1));
阅读全文
摘要：.img-box { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 276px; border-radius: 10px; .img{ width: 100%; height: 10
阅读全文
摘要：https://juejin.cn/post/7052506940777168927
阅读全文
摘要：方案1: 使用字符 代替空格 例如： <p>3个 空格</p> 方案2: 设置style样式 white-spsace: pre,浏览器会保留文本中的空格和换行 例如： <p class="white-space">3个 空格</p> <style> .w
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：https://www.cnblogs.com/zhangnan35/p/12682925.html
阅读全文
摘要：行级元素浏览器默认会留白 第一种办法 display:block; 第二种办法 vertical-align:top; // 设置对齐方式为上居中
阅读全文
摘要：>>> .el-table__body tr:hover > td { background-color: blue !important; } >>> .el-table__body tr.current-row > td { background-color: blue !important;
阅读全文
摘要：scroll-view ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transpare
阅读全文
摘要：绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative） <div class="parent"> 我是父元素 <div class="child"> 我是子元素 </di
阅读全文
摘要：overflow: hidden; position: fixed; width: 100%; height: 100%; background: url("./images/login_bg.jpg") no-repeat; background-size: cover; background-s
阅读全文
摘要：参考网址 https://blog.csdn.net/qq_40826764/article/details/88255845
阅读全文
