1.編碼規(guī)范
tab用兩個(gè)空格表示
css的:
后加空格,{
前加空格
每條聲明后加;
每條命令換行,不放到一行
顏色用小寫和縮寫
小數(shù)不寫前綴0.5s
→.5s
,0不加單位
盡量縮寫
2.垂直居中有幾種實(shí)現(xiàn)方式,給出代碼范例
- 設(shè)置上下padding相等,子元素中的內(nèi)容會(huì)撐開父元素的大小。
- 使用vertical-align,before里的height注意要寫成100%,vertical-align只有在作用表格和行內(nèi)元素生效,塊級元素不生效。
頁面地址:http://js.jirengu.com/jojababaqa/1
- 父元素加position,利用position、transform使modal在不同屏幕大小都可以居中展示,唯一缺點(diǎn)是transform命令在低版本瀏覽器無法識別。
頁面地址:http://js.jirengu.com/jiricoxiji
- 用display:table-cell命令,缺點(diǎn)是瀏覽器將會(huì)把你table-cell的部分以表格的方式渲染。
網(wǎng)頁地址:http://js.jirengu.com/fuhasaqedo/1/edit?html,css,output
3.實(shí)現(xiàn)如下效果,每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn)
頁面地址: http://js.jirengu.com/jacowojesa/2/edit?html,css,output