css
nth-child(){}结构选择器,内可以写2n,表示是2的倍数 n是从0开始的,nth-child(2n){},还可以写2n+1表示选中二的倍数每次加一,
- flex布局的属性
flex-direction:row-reverse,可以将内容反转,比如最左边的数据是1,使用数据后,会变到最右边也是1,相当于反着排列了.
- flex布局的弹性项目:可以单独设置
order: 2;就表示,现在设置order: 2的这个弹性项目,层级是2.默认应该是0,就会将为2的这个弹性项目放在0层级的弹性项目之前,为-2的话就会在0之后毕竟比0小
flex-wrap:wrap-reverse,当装不下的时候换行,并且反向排列
cursor是设置鼠标选中元素的时候,光标的样式cursor:pointer光标变为手,cursor:crosshair光标变为十字架
text-align:justify,可以实现文字两端对齐,不会左右对不齐的效果,比如右边文字装不下了就会换行,换行就会导致有空隙,用justify就可以做到两边一样对齐
- css
filter主要是设置图片的某些样式,图片模糊之类的很多
- css
backdrop-filter:blur(10px)是在页面上,设置了这个属性的盒子下面的元素的模糊程度,相当于透过一个沙玻璃看后面元素的一个效果 blur(10px)参数越高,模糊程度就越高
outline-color: #272D65;文本域textarea聚焦时边框的颜色
textarea(class名):focus { outline:none; }聚焦时边框取消
focus是一个输入框获得焦点时选择的样式background-color:yellow;之类的
input::-moz-placeholder ,,::input-webkit-input-placeholder是修改placeholder的属性