![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
hujinyuan20160
这个作者很懒,什么都没留下…
展开
-
回流和重绘,有什么区别
什么是回流 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候,这时候是一定会发生回流的,因为要构建render tree。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。 ...原创 2019-07-21 17:30:48 · 1843 阅读 · 0 评论 -
利用css画三角形
1、 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> //第一种 div{ width: 0; ...原创 2019-07-31 11:35:45 · 88 阅读 · 0 评论 -
CSS清除浮动_清除float浮动
一、浮动产生原因 - TOP 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSSfloat浮动就产生了。 浮动产生样式效果截图 本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。 简单地说,浮动是因为使用了float:left...转载 2019-07-27 14:29:08 · 128 阅读 · 0 评论 -
jQuery图片延迟加载插件jQuery.lazyload
插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。 使用方法 引用jquery和jquery.lazyload.js到你的页面 1 2 <scriptsrc="jquery-1.11.0.min.js"></script> &l...转载 2019-07-27 14:54:49 · 96 阅读 · 0 评论 -
单行文本和多行文本溢出显示省略号点点点.
一、单行文本溢出显示省略号点点点.. overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 二、多行文本溢出显示省略号点点点… display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; //这里是在第二行有省略号 overflow:...原创 2019-08-15 15:37:48 · 220 阅读 · 0 评论 -
CSS设置边框阴影效果
官方解释 原点为基点,原点左侧为x轴负方向,值为负,右侧为正;原点下方为y轴正方向,值为正,上方为负。 官方用语: box-shadow:1px 2px 3px 4px #ccc inset; 来分别看一下以上六个值的含义:1px 从原点开始,沿x轴正方向的长度(倘若为负值,为沿x轴负方向的长度); 2px ...原创 2019-08-26 20:40:28 · 848 阅读 · 0 评论