1.說(shuō)一說(shuō)你平時(shí)寫代碼遵守的編碼規(guī)范
HTML常用規(guī)范:
- 使用 4 個(gè)空格做為一個(gè)縮進(jìn)層級(jí)薇组,不允許使用 2 個(gè)空格 或 tab 字符账阻。
- class 必須單詞全字母小寫秽之,單詞間以 - 分隔神年。
- 對(duì)于無(wú)需自閉合的標(biāo)簽帘靡,不允許自閉合,例如input玄货、br皇钞、img、hr等
- 對(duì) HTML5 中規(guī)定允許省略的閉合標(biāo)簽松捉,不允許省略閉合標(biāo)簽夹界。
- 使用 HTML5 的 doctype 來(lái)啟用標(biāo)準(zhǔn)模式,建議使用大寫的 DOCTYPE隘世。
- 頁(yè)面必須使用精簡(jiǎn)形式可柿,明確指定字符編碼。指定字符編碼的 meta 必須是 head 的第一個(gè)直接子元素丙者。
- 頁(yè)面必須包含 title 標(biāo)簽聲明標(biāo)題复斥。title 必須作為 head 的直接子元素,并緊隨 charset 聲明之后械媒。
- 有文本標(biāo)題的控件必須使用 label 標(biāo)簽將其與其標(biāo)題相關(guān)聯(lián)目锭。<label><input type="checkbox" name="confirm" value="on"> 我已確認(rèn)上述條款</label>评汰。
9.嵌套元素應(yīng)當(dāng)縮進(jìn)一次(即兩個(gè)空格)。
CSS常用規(guī)范:
- 選擇器 與 { 之間必須包含空格痢虹。
- 屬性名 與之后的 : 之間不允許包含空格被去, : 與 屬性值 之間必須包含空格。
- 列表型屬性值 書寫在單行時(shí)奖唯,, 后必須跟一個(gè)空格惨缆。font-family: Arial, sans-serif;
- 每行不得超過(guò) 120 個(gè)字符,除非單行不可分割臭埋。
- 當(dāng)一個(gè) rule 包含多個(gè) selector 時(shí)踪央,每個(gè)選擇器聲明必須獨(dú)占一行。
- >瓢阴、+畅蹂、~ 選擇器的兩邊各保留一個(gè)空格。
- 屬性定義必須另起一行荣恐。
- 屬性定義后必須以分號(hào)結(jié)尾液斜。
- 文本內(nèi)容必須用雙引號(hào)包圍。
- 當(dāng)數(shù)值為 0 - 1 之間的小數(shù)時(shí)叠穆,省略整數(shù)部分的 0少漆。
- 長(zhǎng)度為 0 時(shí)須省略單位。
- 顏色值可以縮寫時(shí)硼被,必須使用縮寫形式示损。
- 顏色值不允許使用命名色值。
其他建議規(guī)范:編碼規(guī)范
2.垂直居中有幾種實(shí)現(xiàn)方式嚷硫,給出代碼范例
上下padding相等
絕對(duì)定位實(shí)現(xiàn)居中
vertical-align垂直居中
table-cell垂直居中
單行文本line-height垂直居中