說(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