CSS綜合_編碼規(guī)范_垂直居中

1. 說一說你平時(shí)寫代碼遵守的編碼規(guī)范

HTML書寫規(guī)范
  • 用兩個(gè)空格來代替制表符(tab) -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法。
  • 嵌套元素應(yīng)當(dāng)縮進(jìn)一次(即兩個(gè)空格)。
  • 對于屬性的定義,確保全部使用雙引號,絕不要使用單引號。
  • 不要在自閉合(self-closing)元素的尾部添加斜線 --HTML5 規(guī)范中明確說明這是可選的。
  • 不要省略可選的結(jié)束標(biāo)簽(closing tag)(例如,< /li >
    或 </body>)。
css書寫規(guī)范
  • tab 用兩個(gè)空格表示
  • css的 :后加個(gè)空格, {前加個(gè)空格
  • 每條聲明后都加上分號
  • 換行,而不是放到一行
  • 顏色用小寫,用縮寫, #fff
  • 小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位
  • 盡量縮寫, margin: 5px 10px 5px 10px -> margin: 5px 10px

代碼規(guī)范

2. 垂直居中有幾種實(shí)現(xiàn)方式,給出代碼范例

3. 實(shí)現(xiàn)如下效果,每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn)

代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容