編碼規(guī)范&垂直居中&偽類偽元素

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

  • tab 用兩個空格表示
  • css的 :后加個空格, {前加個空格
  • 每條聲明后都加上分號
  • 換行,而不是放到一行
  • 顏色用小寫,用縮寫, #fff
  • 小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位
  • 盡量縮寫, margin: 5px 10px 5px 10px -> margin: 5px 10px
    關(guān)于編碼規(guī)范的網(wǎng)站:

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

  • 通過給父元素上下相等的padding實現(xiàn),適用未指定父元素高度的場景。
    jsbin
  • 通過絕對定位加自身寬高一半的負(fù)margin實現(xiàn),適用自身元素寬高已知的場景
    jsbin
  • vertical-align實現(xiàn)居中
    jsbin
  • table-cell實現(xiàn)居中
    jsbin
  • flex布局實現(xiàn)居中
    jsbin

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

jsbin

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容