css零散小技巧

1.使用 data-* 爲元素嵌入自定義屬性,這樣在關聯某些元素時能夠經過指定相同自定義屬性實現
語法: <element data-="somevalue">,其中標識一個或多個字符,且不容許大寫.

2.如果想將整張圖片做爲頁面背景,可編輯以下css:
html
{

background: url(https://www.baidu.com) bottom center;        //url不須要""包圍
background-size:cover;

}

3.須要掌握Flex佈局:

4.rem是html的font-size的倍數單位,若設置html的font-size爲10px,則1.5rem爲15px.

5.
.keys { //使得.keys元素在瀏覽器窗口內水平垂直居中

display: flex;
flex: 1;
min-height: 100vh;  //必須包含視窗高度,不加則默認在縱軸向上對齊.
align-items: center;
justify-content: center;

}