zoukankan
html css js c++ java
CSS中定位和TRANSFORM的比较(day02)
POSITION
CSS中我们想要改变一个元素的位置,我们可以采用的方法之一就是定位,这也是我们最先接触的方法。其主要用法就是给需要移动的元素的父元素或以上添加 position:relative; 再给自身添加 position:absolute; 然后通过改变方位(top,left,right,bottom)来实现元素的移动。
TRANSFORM
CSS3中提供了transform属性,其中的translateX和translateY值可以实现元素的横向与纵向移动。
区别和选择
经过测试。TRANSFORM性能消耗只有position的十分之一!可想而知,CSS3推出新的transform属性也是加快了浏览器的运行速度。
总结
总的来说,当我们能用transform实现预想的效果就不要去使用position了,一个小小的demo就能达到10倍的差距,可想而知在大型项目中差距会更加明显。
使用transform会比top少一个layout延时
transform的Composite Layers经多次测试 延时普遍会大于top
查看全文
相关阅读:
快速提取某一文件夹下所有文件名称
CFileFind类的使用总结
FILE文件流的中fopen、fread、fseek、fclose的使用
经典损失函数:交叉熵(附tensorflow)
tensorboard使用
Windows下 tensorboard出现ValueError:Invalid format string
新建全色或者resize(毫无价值,只是做记录)
创建一个任意大小的全色矩阵 python
转移图片位置
getpatch
原文地址:https://www.cnblogs.com/jackson1/p/13285557.html
最新文章
解题:BZOJ 4644 经典砂比题(雾
解题:WC 2006 水管局长
解题:2017清华集训 无限之环
解题:洛谷2257 YY的GCD
2016级算法第二次上机-D.Bamboo的饼干
2016级算法第二次上机-C.AlvinZH的儿时梦想——坦克篇
2016级算法第二次上机-B.Bamboo的OS实验
2016级算法第二次上机-A.画个圈圈诅咒你
2016级算法第一次练习赛-F.AlvinZH的儿时梦想——机器人篇
2016级算法第一次练习赛-E.AlvinZH的儿时回忆——蛙声一片
热门文章
2016级算法第一次练习赛-D.AlvinZH的儿时回忆——跳房子
2016级算法第一次练习赛-C.斐波那契进阶
2016级算法第一次练习赛-B.朴素的中位数
因果图法设计测试用例
HTTP基础知识1
边界值分析法设计测试用例
等价类划分法设计测试用例
正交实验法设计测试用例
MFC 如何改变对话框的默认背景颜色(转)
VS中基于对话框的MFC利用换肤改变边框颜色及格式
Copyright © 2011-2022 走看看