css綜述

編碼規(guī)范

語義化

語義化的標(biāo)簽優(yōu)先
基于功能命名,基于內(nèi)容命名,基于表現(xiàn)命名
簡略、明了、無后患

書寫規(guī)范

tab用兩個(gè)空格表示
css的:后加個(gè)空格,{前加個(gè)空格
每條聲明后加分號(hào)
換行
顏色用小寫、用縮寫
小數(shù)不用寫前綴、0不用加單位
盡量縮寫:margin:5px 10px 5px 10px;寫成margin:5px 10px;
參考: google html css編碼規(guī)范
bootstrap編碼規(guī)范

垂直居中

  1. 上下padding相等(文字多,容器沒有高度)
    編碼
  2. 絕對(duì)定位(子元素的寬高是固定的)
    編碼
  3. 用vertical-align(單行文本)
    編碼
  4. 用margin:auto
    編碼
  5. 用css3新屬性
    編碼
  6. 用絕對(duì)定位+css3新屬性
    編碼

代碼

編碼

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

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

  • 說一說你平時(shí)寫代碼遵守的編碼規(guī)范常見的編碼規(guī)范語義化:1.語義化標(biāo)簽優(yōu)先2.基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命...
    24_Magic閱讀 287評(píng)論 0 0
  • 說一說你平時(shí)寫代碼遵守的編碼規(guī)范 每個(gè)程序員都會(huì)有自己的編碼習(xí)慣,但是幾乎每個(gè)項(xiàng)目,各個(gè)公司都會(huì)有自己的編碼規(guī)范,...
    DCbryant閱讀 327評(píng)論 0 0
  • CSS Q: HTML引入CSS的方式有哪些? A: HTML element的style屬性,HTML內(nèi)部sty...
    趙長安啊閱讀 709評(píng)論 0 7
  • HTML 和 CSS 的編碼規(guī)范 HTML編碼規(guī)范- class 必須單詞全字母小寫,單詞間以 - 分隔- cla...
    _空空閱讀 914評(píng)論 0 5
  • 1. 命名技巧 - 語義化 語義化標(biāo)簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 從前到后依次優(yōu)先 簡略、明了...
    愁容_騎士閱讀 373評(píng)論 0 0

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