盒子類型用樣式屬性display來定義，常見的該屬性的值有： 彈性盒子flex，塊盒子block，內(nèi)聯(lián)塊盒子inline-block，網(wǎng)格grid。

css選擇器以下幾種：

標(biāo)簽，類，ID 選擇器(相對簡單)

屬性選擇器(就是在中括號里面填屬性和值，如[type="submit"])

偽類和偽元素(如input：hover表示偽類，p::before表示偽元素)

關(guān)系選擇器(最難，根據(jù)元素之間的父子、同胞、后代關(guān)系命名，如div>p表示div的直接子標(biāo)簽p)

下面為一個表單填寫提交樣式。

<style>

input[type="text"],

input[type="email"] {

?border: 2px solid #000;

?margin: 0 0 1em 0;

?padding: 10px;

?width: 100%;

}

input[type="submit"] {

?border: 3px solid #333;

?background-color: #999;

?border-radius: 5px;

?padding: 10px 2em;

?font-weight: bold;

?color: #fff;

}

input[type="submit"]:hover, input[type="submit"]:focus {

?background-color: #333;

}

</style>