css基础

一 水平居中 

1 text-align: center;  支持行内元素  和 指定宽度的块状元素

2 margin: 0 auto   

块级元素：给定要居中的块级元素的宽度。

行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置）

margin: 0 auto; 只对块级元素生效

二 CSS样式中 & 是什么作用

.box{
        &:before{
            border-color: red;
        }
        &:after{
            border-color: green;
        }
    }
 & 表示在嵌套层次中回溯一层，即
    &:before相当于.box:before
    &:after相当于.box:after

三 CSS伪类用于定义元素的特殊状态。

类后面接一个冒号

/* 未访问的链接 */
a:link {
  color: #FF0000;
}
/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

四 CSS 伪元素用于设置元素指定部分的样式。

类后面接两个冒号

p::first-letter {
  color: #ff0000;
  font-size: xx-large;
}

五 背景图片设置

background: url(../../assets/img/lbx.png);

background-size: 100% 100%;

background-repeat: no-repeat;  repeat//垂直方向和水平方向重复。

六 旋转视角

    transform: translate(-50%, -50%);