1. 說一說你平時(shí)寫代碼遵守的編碼規(guī)范
結(jié)合我自身有限的編碼經(jīng)驗(yàn),談?wù)勎夷壳白袷氐木幋a規(guī)范:
(1)盡量選取語義化的標(biāo)簽肥缔。雖然未做到100%,但段落汹来、頭部续膳、尾部、導(dǎo)航收班、標(biāo)題等等元素我都選取最適合的語義化標(biāo)簽進(jìn)行編碼坟岔;
(2)元素的id和類名我遵循按功能或內(nèi)容命名。例如:外側(cè)包裹我取名是wrapper摔桦,內(nèi)容部分取名是content等社付。
(3)命名用引號(hào)包裹。編碼時(shí)命名都使用雙引號(hào)包裹。
(4)命名體現(xiàn)功能瘦穆,絕不設(shè)計(jì)樣式表現(xiàn)纪隙。
(5)tab用兩個(gè)空格表示。對(duì)于代碼的縮進(jìn)我嚴(yán)格遵循扛或。
(6)每條樣式聲明后我都加了分號(hào)。
(7)每條樣式聲明我都換行碘饼。
沒有做到的規(guī)范:
(1)樣式聲明中的:后沒加空格熙兔,{前沒加空格。
(2)顏色雖然使用小寫但沒有使用縮寫艾恼,如:#ffffff -> #fff住涉。
(3)小數(shù)仍寫前綴,應(yīng)當(dāng)省去钠绍。如:0.5s -> .5s舆声。
(4)沒有盡量縮寫樣式。對(duì)于margin柳爽、font這樣能縮寫的屬性有時(shí)候還是分開寫媳握,應(yīng)當(dāng)盡量縮寫。
當(dāng)然還有其他規(guī)范磷脯,因?yàn)槟壳熬幋a經(jīng)驗(yàn)有限蛾找,以后遇到了再逐步規(guī)范。
2. 垂直居中有幾種實(shí)現(xiàn)方式赵誓,給出代碼范例
(1)設(shè)置父容器上下內(nèi)邊距打毛。
代碼1
(2)子容器絕對(duì)定位并進(jìn)行偏移。
代碼2
(3)偽類俩功、inline-block幻枉、vertical-align結(jié)合。
代碼3
(4)table-cell實(shí)現(xiàn)诡蜓。
代碼4
(5)單行文本用line-height實(shí)現(xiàn)熬甫。
代碼5
(6)flex實(shí)現(xiàn)。
代碼6
3. 實(shí)現(xiàn)如下效果万牺,每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn)
(1)代碼1
(2)代碼2
(3)代碼3