![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
猫儿不熊
这个作者很懒,什么都没留下…
展开
-
CSS-position:static/relative/absolute/fixed定位
css position:static/relative/absolute/fixed 定位原创 2017-07-04 00:49:00 · 3073 阅读 · 2 评论 -
CSS选择器
作为网页制作基础,CSS 选择器很强大,用得恰当则事半功倍!本文介绍常用CSS选择器,并在下一篇中根据以往工作经验简单写一些Best practice,供前端er们参考。原创 2017-07-14 23:58:09 · 563 阅读 · 0 评论 -
CSS性能优化
CSS选择器性能损耗主要源于从DOM Tree —> Render Tree —> Painting 的过程,也即 浏览器匹配选择器和dom文档结构所消耗的时间,并且浏览器对于CSS选择器采用从右向左进行规则匹配。原创 2017-07-16 01:05:23 · 406 阅读 · 0 评论 -
CSS网页布局之传统解决方案与Flex大法
网页布局主要包括全屏布局,水平居中,垂直居中和sticky Footer布局。本文针对网页布局的实现,利用传统的解决方案(display + position + float)与Flex解决方案进行实践,以加深记忆及巩固所学知识,同时分享给大家,希望也能帮助到前端er们。原创 2017-09-20 14:28:12 · 1276 阅读 · 0 评论 -
CSS :hover选择器
最近的工作内容是东家的一个在线网站,会用到大量CSS做页面的样式,刚好复习下CSS基础,在这里记录一下,希望也能帮助到前端er。在实践中,对于页面动效,总体思路就是能用css解决的就绝不写js,这样不仅可以提高效率,还能提高网站性能(具体没有量化数字,但是减少dom操作总归是对网站有好处的)。对于鼠标指针浮动在元素上面时,改变元素样式。这样的需求,不少人可能会想到js鼠标事件(mouseove...原创 2018-10-19 11:46:49 · 1446 阅读 · 0 评论 -
CSS transform变形记
还是那句话,能用CSS实现的就不用JS,下面来一起复习一下CSS transform的基础知识(多图)。transform应用场景:实现文字或图像的旋转、缩放、倾斜、移动这四种类型在2D、3D空间的变形。浏览器兼容性:transform基础(实例运行于chrome浏览器之上,未考虑兼容)。1、2D变换1.1 旋转: transform:rotate(deg) //(默认旋转点是元...原创 2018-10-24 23:37:24 · 403 阅读 · 0 评论