「css」基础易忘常翻翻看

仅有大写字母

text-transform: uppercase;

 

每个单词以大写字母开头

text-transform: capitalize

;

垂直居中

display: flex;

justify-content: center;

align-items: center;

 

设置字间距

letter-spacing: 3px

 

当输入框获得焦点

.login-box input:focus {

    box-shadow: 0 0 10px rgba(1,1,1, .8);

}

 

输入光标的颜色

caret-color: white;

 

背景占满整个屏幕，页面缩放不影响，窗口大小改变自动适应

https://www.iviewui.com/

 width: 100%;

position: absolute;

top: 0;

bottom: 0;

left: 0;

 background-color: #fff;

background-image: url(https://file.iviewui.com/dist/dc1e877….jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: 50%;

overflow: hidden;