2019-06-10

css中的定位

绝对定位：absolute:定位离开之后释放之前的位置，基于父级标签来说

相对定位：relative：定位离开之后之前的位置没有释放，基于之前的位置来说

固定定位：fiexd：始终是基于浏览设定的位置固定

css选择器

多个p标签下取第一个 p：first-child{}

获得具体的某一个p：nth-child(7){}

获取偶数行从零开始 p:nth-child(odd){}

获取基数行 p:nth-child(even){}

获得空的元素对象p:empty{}

获得焦点时Input:focus{}

伪类对象选择器是在指定的对象之前或之后插入内容

:before{}

:after{}

属性选择器：input[type = 类型]

选择器总结：

1 基础选择器

  * id class 标签

2 关系选择器

> + `

3 伪类选择器

Hover

 4 伪对象选择器

Before \ after

 5 属性选择器

Input [ type = 属性 ]

css新增属性

1 倒圆角：border-radius：100px；

左上右下   左下右上

2 Border-radius：10px 60px;

上右下左

3 Border-radius:10px 10px 10px 10px

旋转角度：

4 Transform：rotate(45deg);

放大倍数

5 Transform：scale();

位移：x 水平位移 y 垂直位移 负数：上

6 Transform：translate(0px,-5px)

2D旋转

7 Transform：skew( deg, deg)

阴影，水品方向的偏移垂直方向的偏移模糊度阴影的颜色

8 Box-shadow：0px 0px 70px red

动画效果

9 @keyframes name{

0%{}

50%{}

100%{}

}