說(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ě)。。
- 參考bootstrap命名規(guī)范。(http://codeguide.bootcss.com/)
- 谷歌HTML命名規(guī)范。
垂直居中有幾種實(shí)現(xiàn)方式,給出代碼范例?
- 設(shè)置上下padding相等;
Paste_Image.png
-
絕對(duì)定位的方式居中。
- 寬高固定的情況下:
Paste_Image.png
Paste_Image.png
-
寬或者高不固定的情況下:
利用css3的屬性,transform:translate(-50%,-50%);會(huì)有兼容性問(wèn)題;
Paste_Image.png
-
使用vertical-ailgn居中:
首先vertical-align作用在行內(nèi)元素,或者表格才生效。
ps: 原理就是給包裹的行內(nèi)元素一個(gè)參照物,一起垂直居中。
Paste_Image.png