随笔分类 - css

摘要：element-plus在vue3中样式不显示的问题 https://blog.csdn.net/qq_44947815/article/details/125550936 阅读全文

posted @ 2023-04-07 15:38 lzhflzjx 阅读(43) 评论(0) 推荐(0) 编辑

摘要：body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: graysc 阅读全文

posted @ 2022-12-09 16:37 lzhflzjx 阅读(135) 评论(0) 推荐(0) 编辑

css中的BFC

posted @ 2022-03-23 09:52 lzhflzjx 阅读(22) 评论(0) 推荐(0) 编辑

h5元素高度超出屏幕但不滚动

摘要：//设置一个最外层元素 .home { height:100vh, overflow:srocll; } 阅读全文

posted @ 2020-12-18 14:09 lzhflzjx 阅读(528) 评论(0) 推荐(0) 编辑

css3动画

摘要：定义动画 @keyframes rotatefresh { from { transform: rotate(0deg) } to { transform: rotate(360deg); transition: all 0.6s; } } //调用动画 //display: inline-bloc 阅读全文

posted @ 2020-12-15 19:32 lzhflzjx 阅读(63) 评论(0) 推荐(0) 编辑

盒子居中

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-11-20 10:34 lzhflzjx 阅读(83) 评论(0) 推荐(0) 编辑

CSS---修改浏览器默认scroll样式

摘要：// 修改默认滚动条样式 /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { // box-shad 阅读全文

posted @ 2020-10-15 15:33 lzhflzjx 阅读(116) 评论(0) 推荐(0) 编辑

rem布局

摘要：1. rem和em作用 q. em是什么？是一个长度单位，是相对单位，相对于父元素的的font-size的单位如果父元素font-size=16px， 1em=16px q. rem是什么？是一个长度单位，是相对单位，相对于文档根元素的的font-size的单位，根元素一般是html 阅读全文

posted @ 2020-09-23 11:54 lzhflzjx 阅读(113) 评论(0) 推荐(0) 编辑