css
RXpro0908
好方法事半功倍,好习惯受益终身
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
文本的单行省略和多行省略
在写样式的时候经常遇到单行省略或者多行省略的情况,有时候记得不全,还得去百度,特此写一遍,加强记忆。单行省略:(配合width属性设置,完成超出部分省略显示)overflow:hidden; //设置了这个属性,text-overflow属性才会生效text-overflow:ellipsis;//超出范围的文本内容用省略号显示。white-space:nowrap;//禁止换行多行省略:overflow:hidden;//同上text-overflow:elli...原创 2020-10-09 10:43:27 · 2383 阅读 · 0 评论 -
border:none和border:0区别
border-style:none;//无边框 border-width:0;//边框宽度为0pxborder:0;浏览器对border-width、border-color进行渲染,占用内存。border:none;浏览器不进行渲染,不占用内存。精灵图;CSS Sprites虽然增加了总的图片的字节,但是很好地减少网页的http请求,从而大大的提高页面的性能:错误的原因是:没有增加总图片的字节。。。。。相反的多张图和一张大图的字节多。。。。...原创 2020-06-30 14:46:39 · 423 阅读 · 0 评论 -
什么是重绘和回流(重排)
什么是回流?1、当render tree 中的一部分(或全部)因为元素的规模尺寸,布局、隐藏等改变而需要重新构建,这就称为回流2、当页面布局和几何属性改变时就需要回流什么是重绘?1、当render tree 中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就称为重绘。回流必将引起重绘,而重绘不一定会引起回流...原创 2020-03-15 15:49:40 · 1170 阅读 · 0 评论 -
前端易混概念分析总结
一:cookie、Local Storage、Session Storage 区别Cookie 存储在用户本地的终端的数据 。生命期为设置的cookie过期时间之前一直有效,若没设置生命期,窗口或者浏览器关闭,数据就会消失。存放的数据大小为4K左右,存放的数据个数有限制,一般不超过20个。缺点是不能存储大数据且不易读取。是记录在客户端的数据。(Cookie是服务器发给客户端的特殊信息,cook...原创 2020-01-27 18:58:20 · 209 阅读 · 0 评论 -
sass 工具 css扩展语言
css编写时权重难以控制,嵌套层级过多导致代码编写不方便,为了解决这写问题,出现了css的扩展语言,也就是预编译器。常见的css预编译器有三种:less 、 sass 、 stylus。在正常的编写css的基础上,增加了很多变量,函数,循环,判断等类似编程语言的代码模式。还有许多的内置函数(如颜色加深,颜色淡化)用于高效的属性设置。使得css也可以用类似脚本的方式进行编写。sass不能直接...原创 2020-01-14 18:38:23 · 251 阅读 · 0 评论
分享