CSS 綜合

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

  • 命名技巧
    一、語義化
    1.語義化標簽優(yōu)先
    2.基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名
    3.簡略、明了、無后患
    二、命名范例
    1.所有命名都使用英文小寫
    推薦:<div class="main"></div>
    不推薦: <div class="Main"></div>
    2.命名用引號包裹
    推薦:<div id="header"></div>
    不推薦: <div id=header></div>
    3.用中橫線連接
    推薦:<div class="mod-modal"></div>
    不推薦: <div class="modModal"></div>
    4.命名體現(xiàn)功能,不涉及表現(xiàn)樣式(顏色、字體、邊框、背景等)
    推薦:<div class="text-lesser"></div>
    不推薦: <div class="light-grey"></div>
  • CSS規(guī)范
    一、書寫規(guī)范
    1.tab 用兩個空格表示
    2.css的 :后加個空格, {前加個空格
    3.每條聲明后都加上分號
    4.換行,而不是放到一行
    h1,
    h2,
    h3 {
    font-weight: normal;
    line-height: 1.2;
    }
    5.顏色用小寫,用縮寫, #fff
    6.小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位
    7.盡量縮寫, margin: 5px 10px 5px 10px -> margin: 5px 10px

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

代碼

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

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

  • 說一說你平時寫代碼遵守的編碼規(guī)范常見的編碼規(guī)范語義化:1.語義化標簽優(yōu)先2.基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命...
    24_Magic閱讀 238評論 0 0
  • 1.說一說你平時寫代碼遵守的編碼規(guī)范 語義化·語義化標簽優(yōu)先·基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名·簡略、明了...
    FLYSASA閱讀 246評論 0 0
  • 寫代碼需要遵守的編碼規(guī)范 1. 命名技巧 語義化 語義化標簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 簡略、...
    阿魯提爾閱讀 277評論 0 4
  • 淺談編碼規(guī)范 命名技巧 語義化標簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 簡略、明了(翻譯成英文) 所有命...
    饑人谷_秦勤閱讀 369評論 0 0
  • 白云蒼狗,匆匆一瞥,21天轉(zhuǎn)瞬即逝,我的收獲我的心理歷程,我非常想用,一句簡單的言語把它表述出來,他卻注入...
    子在川上cherry閱讀 2,303評論 1 4