CSS 綜合

說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范?

1.要合適使用命名,盡量語(yǔ)義化。
2.tab用兩個(gè)空格表示。
3.css的:加個(gè)空格。
4.每條聲明加個(gè)分號(hào)。
5.換行,而不是放到一行。
6.顏色用小寫(xiě),用縮寫(xiě),例如#fff;
7.小樹(shù)不用前綴,例如.5 .3==0.5 0.3
8.可以用縮寫(xiě)的盡量用縮寫(xiě)。。

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

  • 設(shè)置上下padding相等;
Paste_Image.png
  • 絕對(duì)定位的方式居中。

    1. 寬高固定的情況下:
Paste_Image.png
Paste_Image.png
  1. 寬或者高不固定的情況下:
    利用css3的屬性,transform:translate(-50%,-50%);會(huì)有兼容性問(wèn)題;


    Paste_Image.png
  • 使用vertical-ailgn居中:
    首先vertical-align作用在行內(nèi)元素,或者表格才生效。
    ps: 原理就是給包裹的行內(nèi)元素一個(gè)參照物,一起垂直居中。


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

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

  • 1.說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范 命名技巧語(yǔ)義化標(biāo)簽優(yōu)先基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名簡(jiǎn)略、明了、無(wú)...
    謹(jǐn)言_慎行閱讀 212評(píng)論 0 0
  • 說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范常見(jiàn)的編碼規(guī)范語(yǔ)義化:1.語(yǔ)義化標(biāo)簽優(yōu)先2.基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命...
    24_Magic閱讀 238評(píng)論 0 0
  • 淺談編碼規(guī)范 命名技巧 語(yǔ)義化標(biāo)簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 簡(jiǎn)略、明了(翻譯成英文) 所有命...
    饑人谷_秦勤閱讀 370評(píng)論 0 0
  • CSS編碼規(guī)范 命名規(guī)范:語(yǔ)義化標(biāo)簽優(yōu)先;基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名;簡(jiǎn)略、明了、無(wú)后患 書(shū)寫(xiě)規(guī)范:...
    饑人谷_哈嚕嚕閱讀 322評(píng)論 0 0
  • 編碼規(guī)范 所有命名都使用英文小寫(xiě) 命名用引號(hào)包裹 用中橫線連接 命名體現(xiàn)功能,不涉及表現(xiàn)樣式(顏色、字體、邊框、背...
    饑人谷_bigJiao閱讀 224評(píng)論 0 0