猫儿不熊的博客

css position:static/relative/absolute/fixed 定位

作为网页制作基础，CSS 选择器很强大，用得恰当则事半功倍！本文介绍常用CSS选择器，并在下一篇中根据以往工作经验简单写一些Best practice，供前端er们参考。

CSS选择器性能损耗主要源于从DOM Tree —> Render Tree —> Painting 的过程，也即 浏览器匹配选择器和dom文档结构所消耗的时间，并且浏览器对于CSS选择器采用从右向左进行规则匹配。

网页布局主要包括全屏布局，水平居中，垂直居中和sticky Footer布局。本文针对网页布局的实现，利用传统的解决方案（display + position + float）与Flex解决方案进行实践，以加深记忆及巩固所学知识，同时分享给大家，希望也能帮助到前端er们。

最近的工作内容是东家的一个在线网站，会用到大量CSS做页面的样式，刚好复习下CSS基础，在这里记录一下，希望也能帮助到前端er。在实践中，对于页面动效，总体思路就是能用css解决的就绝不写js，这样不仅可以提高效率，还能提高网站性能（具体没有量化数字，但是减少dom操作总归是对网站有好处的）。对于鼠标指针浮动在元素上面时，改变元素样式。这样的需求，不少人可能会想到js鼠标事件（mouseove...

还是那句话，能用CSS实现的就不用JS,下面来一起复习一下CSS transform的基础知识（多图）。transform应用场景：实现文字或图像的旋转、缩放、倾斜、移动这四种类型在2D、3D空间的变形。浏览器兼容性：transform基础（实例运行于chrome浏览器之上，未考虑兼容）。1、2D变换1.1 旋转: transform:rotate(deg) //(默认旋转点是元...