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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 三種思路:

    1,設置2個盒子,分別是leftBox,rightBox,左右浮動

    2,去掉左盒子 leftBox,直接加載一個img圖片,圖片設置左浮動,也能撐開左側。

    3,去掉全部div盒子,只保留結構,達到最精簡目的。

    使用{margin-left:-100px;float:left;}強行把圖片左移動出來。

    使用div{margin-right:100px}

    查看全部
  • <!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{margin-left:10px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 30px 20px;}

    </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-07-18

  • html:結構

    css:表現

    javascript:行為

    查看全部
    0 采集 收起 來源:內容簡介

    2018-07-16

  • 網頁換膚,一個網頁一個結構多種CSS樣式,結構與表現分離

    查看全部
  • 結構與表現分離

    查看全部
    0 采集 收起 來源:排行榜制作

    2018-06-29

  • text-indent : 文本/文字縮進,允許使用負值

    查看全部
  • 網頁簡單布局


    https://img1.sycdn.imooc.com//5b35abca0001ae5110430536.jpg

    查看全部
    0 采集 收起 來源:內容簡介

    2018-06-29

  • 再復雜的界面也是由這些小模塊組成的

    查看全部
  • 先按結構和語義編寫代碼

    然后進行CSS樣式設置

    減少HTML與CSS契合度

    查看全部
  • 網頁制作中 結構、表現、行為分離,其中 HTML 是結構,CSS是表現,javascript是行為

    查看全部
    0 采集 收起 來源:練習題

    2018-06-08

  • text-indent : 文本縮進

    查看全部
  • 編寫HTML代碼:

    1. 先按結構和語義編寫代碼

    2. 然后進行CSS樣式設置

    3. 減少HTM和CSS契合度

    查看全部
  • text-indent:585px;/*文本縮減*/

    查看全部
  • 當父元素的高度是靠子元素撐開的時候,子元素浮動時,則在父元素使用overflow: hidden可以清除浮動,使得父元素的高度依舊是靠子元素撐開。

    當父元素自身設置了height屬性值,則在父元素使用overflow: hidden可以使子元素超出父元素的那部分隱藏。


    查看全部
  • 網頁中的每個元素都可以看作一個盒子,盒子有外邊距(margin)、邊框(border)、內邊距(padding)、內容(content)這4個屬性,所以它的寬高也是由這四個屬性的寬高構成的。

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

    2018-05-20

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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