关于前端常常用到的CSS代码

前端常用的一些CSS样式代码：

1.这个代码的作用是把鼠标变成小手样式：
cursor: pointer;

2.这个代码的作用是层级关系，适用于做背景：
z-index: 1;
数字越大，所在层级越高。

3.在用了position来进行定位之后，我们可以通过下面的代码来进行移动：
transform: translate(X,Y);

当然，我们也可以只移动某一个轴的：
transform: translateX(105px);

注意，后面的值要带上px，也可以使用百分比，百分比不需要加px。

4.除了使用transform，我们还可以使用方向来移动：
比如说：left，top。

5.输入框怎么修改光标的颜色？
caret-color: red;
即可实现这个效果。

那么怎么改变输入框的颜色？
border: 0是去掉边框
border: red solid。

6.可以加上一个过渡效果，主要用于input获得焦点之后的这种情况：
transition: all 0.4s