css
关注
分享
扫一扫
DLGDark
生活不止眼前的枸杞，还有热水～
展开
-
css自定义滚动条样式(修改原生滚动条样式)
可根据自己实际情况进行单独修改即可。代码如下：/* 整个滚动条 */.tableHeight .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar { width: 6px;}/* 滚动条轨道 */.tableHeight .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track { border-radi原创 2021-01-20 13:35:21 · 576 阅读 · 0 评论 -
纯css利用伪类实现类似于ElementUI中复选框选中时的状态样式
直接看下面代码，简单易懂：<div class="choseMask"></div>.choseMask { position: absolute; top: 0; right: 0; width: 16px; height: 16px; background-color: #409eff; z-index: 12;}.choseMask::after { width: 3px; height: 8px; box-sizing: co原创 2020-09-03 19:25:30 · 552 阅读 · 0 评论 -
css实现居中布局的解决方案
html示例代码如下：<div class="parent"> <div class="child">Demo</div></div>上面的parent元素是居中元素的外部div元素，里面的child元素就是要去做居中的元素，这两个元素的大小都是不固定的水平居中上面html示例代码水平布局效果示意图如下所示：为了能让大家看清楚效果...原创 2020-02-02 21:30:11 · 339 阅读 · 0 评论 -
宽度已知，实现三栏布局的方案（5种layout方案）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Layout</title> <style media="screen"> html *{ padding: 0; margin: 0; } .layout article div{原创 2017-10-01 17:37:51 · 436 阅读 · 0 评论 -
一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技术。如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩原创 2017-11-12 18:46:36 · 12665 阅读 · 0 评论 -
IE10+浏览器下登陆输入框text类型输入框和password类型输入框尾部出现叉号和眼睛默认样式的问题修复
1. 修复text输入框叉号样式问题：#username::-ms-clear{ display: none } //username表示输入框自身id2. 修复password输入框眼睛样式问题：#password::-ms-reveal { display: none } 或 #password::-ms-reveal { visibility: hidden } //pass...原创 2019-01-07 17:30:14 · 891 阅读 · 0 评论 -
圣杯布局和双飞翼布局
一. 圣杯布局首先中间部分宽度肯定设置100%自适应，即width: 100%;左右两个元素都固定宽度，将三个元素都设置浮动，即float: left;因为之前main元素设置了宽度100%，且浮动，所以占据了第一行整行，下面需要将left元素放到左边，right元素放到右边；则需要分别设置负值margin-left,给left元素设置 margin-left: -100%；（相当于往左移动...原创 2019-06-05 14:55:02 · 587 阅读 · 0 评论 -
重排与重绘及优化策略
1.重排渲染层内的元素布局发生修改，都会导致页面重新排列，比如窗口尺寸发生变化、删除或添加DOM元素以及修改了影响元素盒子大小的CSS属性（如width，height，padding，）重排由CPU处理的2.重绘绘制，即渲染上色，所有对元素的视觉表现属性的修改，都会引发重绘。重绘由GPU处理的无论是重排还是重绘，都会阻塞浏览器；要提高网页性能，就要降低重排和重绘的频率和成本，尽可能少的...原创 2019-05-29 15:22:54 · 518 阅读 · 0 评论