任務(wù)13-CSS 綜合

1.編碼規(guī)范

tab用兩個(gè)空格表示
css的后加空格,{前加空格
每條聲明后加;
每條命令換行,不放到一行
顏色用小寫(xiě)和縮寫(xiě)
小數(shù)不寫(xiě)前綴0.5s.5s,0不加單位
盡量縮寫(xiě)

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

  • 設(shè)置上下padding相等,子元素中的內(nèi)容會(huì)撐開(kāi)父元素的大小。
  • 使用vertical-align,before里的height注意要寫(xiě)成100%,vertical-align只有在作用表格和行內(nèi)元素生效,塊級(jí)元素不生效。


頁(yè)面地址:http://js.jirengu.com/jojababaqa/1

  • 父元素加position,利用position、transform使modal在不同屏幕大小都可以居中展示,唯一缺點(diǎn)是transform命令在低版本瀏覽器無(wú)法識(shí)別。

頁(yè)面地址:http://js.jirengu.com/jiricoxiji

  • 用display:table-cell命令,缺點(diǎn)是瀏覽器將會(huì)把你table-cell的部分以表格的方式渲染。


網(wǎng)頁(yè)地址:http://js.jirengu.com/fuhasaqedo/1/edit?html,css,output

3.實(shí)現(xiàn)如下效果,每種效果都只使用一個(gè)html 標(biāo)簽來(lái)實(shí)現(xiàn)

頁(yè)面地址: http://js.jirengu.com/jacowojesa/2/edit?html,css,output

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范 我平時(shí)一般遵守如下規(guī)范:1、所有命名都使用英文小寫(xiě)2、命名用引號(hào)包裹3、每條...
    大胡子歌歌閱讀 261評(píng)論 0 0
  • 說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范html: 用兩個(gè)空格來(lái)代替制表符(tab) -- 這是唯一能保證在所有環(huán)境下獲得...
    _小黑閱讀 178評(píng)論 0 0
  • 1 . 說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范編碼規(guī)范語(yǔ)義化 語(yǔ)義化標(biāo)簽優(yōu)先 基于功能命名、基于內(nèi)容命名、基于表現(xiàn)命名 ...
    mhy_web閱讀 289評(píng)論 0 1
  • 1.說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范 使用語(yǔ)義化標(biāo)簽 命令使用英文小寫(xiě) 命令使用“”包裹 2.垂直居中有幾種實(shí)現(xiàn)方...
    upup_dayday閱讀 102評(píng)論 0 0
  • 在學(xué)習(xí)Spring框架的過(guò)程中,大家都會(huì)遇到IOC(Inverse of Control)的概念,翻譯成中文,即是...
    Andy_1777閱讀 421評(píng)論 0 1

友情鏈接更多精彩內(nèi)容