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

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

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

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

    2015-01-07

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

    2015-01-06

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

    2015-01-04

  • 1 base.css: /*reset*/清除默認樣式 2原則:先按結構和語義編寫代碼;然后進行CSS樣式設置;減少HTML與CSS契合度?!薄葟慕Y構考慮,才能將結構與表現分開 3三個階段: 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結構,減少div嵌套深度 4幾個注意點: overflow:hidden;因為父元素受到子元素的浮動的影響,導致高度為0,子元素脫離父元素了。清除浮動,父元素撐開,后面的元素自然會回到原來的位置。 margin負值撐出父級 但保持了原先語義結構化的框架,減少div嵌套層深度
    查看全部
  • 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2015-01-03

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

    2015-01-03

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

    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 采集 收起 來源:編程挑戰

    2018-03-22

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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