第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

江老實(shí) Web前端工程師
難度初級
時(shí)長22分
學(xué)習(xí)人數(shù)
綜合評分9.67
1416人評價(jià) 查看評價(jià)
9.8 內(nèi)容實(shí)用
9.7 簡潔易懂
9.5 邏輯清晰
  • text-indent:-585px; 文本縮進(jìn)形式,減少span標(biāo)簽的應(yīng)用
    查看全部
  • 使用 text-indent進(jìn)行文字縮進(jìn) 減少 span之類的應(yīng)用
    查看全部
  • 先考慮設(shè)計(jì)圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點(diǎn)放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式
    查看全部
    0 采集 收起 來源:排行榜制作

    2015-01-07

  • 那圈羽毛你打開:http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg 就知道怎么回事了
    查看全部
    0 采集 收起 來源:編程挑戰(zhàn)

    2015-01-06

  • 先考慮設(shè)計(jì)圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點(diǎn)放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。
    查看全部
    0 采集 收起 來源:排行榜制作

    2015-01-04

  • 1 base.css: /*reset*/清除默認(rèn)樣式 2原則:先按結(jié)構(gòu)和語義編寫代碼;然后進(jìn)行CSS樣式設(shè)置;減少HTML與CSS契合度?!薄葟慕Y(jié)構(gòu)考慮,才能將結(jié)構(gòu)與表現(xiàn)分開 3三個(gè)階段: 1.初學(xué)者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進(jìn)行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),減少div嵌套深度 4幾個(gè)注意點(diǎn): overflow:hidden;因?yàn)楦冈厥艿阶釉氐母?dòng)的影響,導(dǎo)致高度為0,子元素脫離父元素了。清除浮動(dòng),父元素?fù)伍_,后面的元素自然會(huì)回到原來的位置。 margin負(fù)值撐出父級 但保持了原先語義結(jié)構(gòu)化的框架,減少div嵌套層深度
    查看全部
  • 先考慮設(shè)計(jì)圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點(diǎn)放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。
    查看全部
    0 采集 收起 來源:練習(xí)題

    2015-01-03

  • 對我有啟發(fā)!
    查看全部
    0 采集 收起 來源:排行榜制作

    2015-01-03

  • “先按結(jié)構(gòu)和語義編寫代碼;然后進(jìn)行CSS樣式設(shè)置;減少HTML與CSS契合度?!薄葟慕Y(jié)構(gòu)考慮,才能將結(jié)構(gòu)與表現(xiàn)分開
    查看全部
  • 文本縮進(jìn)減少span標(biāo)簽的利用
    查看全部
  • margin負(fù)值撐出父級 但保持了原先語義結(jié)構(gòu)化的框架,減少div嵌套層深度
    查看全部
  • text-indent
    查看全部
  • text-indent:585px;文本縮進(jìn)
    查看全部
  • 祖琪瑋
    查看全部
    0 采集 收起 來源:練習(xí)題

    2014-12-22

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖片背景</title> <style type="text/css"> body{ margin:0;} div{background:#460E29;width:700px;padding:20px} img{?background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);margin-left:40px;} </style> </head> <body> <div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div> </body> </html>
    查看全部
    0 采集 收起 來源:編程挑戰(zhàn)

    2018-03-22

舉報(bào)

0/150
提交
取消
課程須知
1.html+css簡單的基礎(chǔ)知識 2.有網(wǎng)頁制作實(shí)戰(zhàn)經(jīng)驗(yàn)
老師告訴你能學(xué)到什么?
1.根據(jù)效果圖能正確分解結(jié)構(gòu)和表現(xiàn) 2. 能夠深入理解網(wǎng)頁結(jié)構(gòu)與表現(xiàn)分離的思想

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!