CSS綜合

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

使用語義化標(biāo)簽
使用有意義的命名方式
使用小寫命名，用中橫線連接
tab 用兩個空格表示
css的 : 后加個空格， { 前加個空格
每條聲明后都加上分號
換行，而不是放到一行
顏色用小寫，用縮寫, #fff
小數(shù)不用寫前綴, 0.5s -> .5s；0不用加單位
盡量縮寫， margin: 5px 10px 5px 10px -> margin: 5px 10px
參考：http://codeguide.bootcss.com/

2.垂直居中有幾種實(shí)現(xiàn)方式

padding居中
絕對居中
vertical-align實(shí)現(xiàn)居中
table-cell實(shí)現(xiàn)居中
flex實(shí)現(xiàn)居中1
flex實(shí)現(xiàn)居中2

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

效果代碼

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

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

  • 說一說你平時寫代碼遵守的編碼規(guī)范常見的編碼規(guī)范語義化：1.語義化標(biāo)簽優(yōu)先2.基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命...
    24_Magic閱讀 287評論 0贊 0
  • 淺談編碼規(guī)范 命名技巧 語義化標(biāo)簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 簡略、明了（翻譯成英文） 所有命...
    饑人谷_秦勤閱讀 393評論 0贊 0
  • 編碼規(guī)范 命名技巧語義化語義化標(biāo)簽優(yōu)先基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名簡略、明了、無后患命名范例所有命名都...
    cccccccc7355608閱讀 506評論 0贊 0
  • 1.說一說你平時寫代碼遵守的編碼規(guī)范 命名技巧語義化標(biāo)簽優(yōu)先基于功能命名，基于內(nèi)容命名，基于表現(xiàn)命名簡明、明了、無...
    basd1995閱讀 314評論 0贊 0
  • 1.說一說你平時寫代碼遵守的編碼規(guī)范 語義化·語義化標(biāo)簽優(yōu)先·基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名·簡略、明了...
    FLYSASA閱讀 273評論 0贊 0

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