亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁簡單布局之結構與表現原則

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 文字移動
    查看全部
    0 采集 收起 來源:排行榜制作

    2017-08-12

  • text-indent 文本縮進
    查看全部
  • 一般遵循原則: 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-08-10

  • 為什么設置了內邊距背景圖就顯示出來了呢? 根據CSS盒子模型,一個元素,從上到下分為邊框,內容和內邊距,背景圖,外邊距,背景顏色,共5個層次.開始時,因為沒有設置內邊距,盒子內部尺寸等于內容的尺寸,因此,處于第二層的內容將處于第三層的背景圖遮擋住.設置了內邊距之后,盒子的內部空間被擴展,第二層的內容不再占據整個盒內空間,空余處的背景圖也就被顯示出來了!
    查看全部
    1 采集 收起 來源:編程挑戰

    2017-08-07

  • <!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; margin:0 auto;} img{width:95px; height:95px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px; margin-right:10px;} </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 采集 收起 來源:編程挑戰

    2018-03-22

  • 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在便攜html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-08-07

  • 一般遵循原則: 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-08-03

  • 為什么我css里面不加.demo01可以展現出來效果,加了就出不來了
    查看全部
  • 結構(html)、表現(css)、行為(javascript) 結構和表現分離的思想:先按語義化編寫結構代碼,然后進行CSS樣式設置,減少HTML與CSS契合度。
    查看全部
  • 在網頁制作中,面對設計圖,網頁制作人員一般要遵循的原則: 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-28

  • ggggg
    查看全部
    0 采集 收起 來源:編程挑戰

    2017-07-28

  • 給一個圖片添加背景,圖片大小就是img的大小,背景是看不見的。此時不使用div,只用padding將img撐大,使img這個盒子大于里面內容(圖片),使得有空白顯示背景圖。 這個案例告訴我們熟練盒子模型的本質可以帶來很多便利,其他方面的知識也是一樣。深入理解之后就會有一個全新的思考,對于css的編寫就可以運用的更巧妙。
    查看全部
    0 采集 收起 來源:編程挑戰

    2017-07-27

  • 在網頁制作中,面對設計圖,網頁制作人員一般要遵循的原則是什么? 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-27

  • 網頁制作人員遵循原則:先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2017-07-24

  • text-indent 文本縮進
    查看全部

舉報

0/150
提交
取消
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!