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

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

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

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 高級編程思想:先定義結構(html),再定義樣式(css)
    查看全部
  • html結構css表現js行為
    查看全部
    0 采集 收起 來源:內容簡介

    2017-03-19

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

    2017-03-18

  • 先定義結構(html),在利用表現(css)處理。
    查看全部
  • overflow:hidden 1.清除浮動: 在父元素沒有設置浮動,而子元素設置了浮動的情況下,子元素脫離文檔流,從側面看,子元素漂在父元素上面,此時,子元素的寬高對于父元素沒有影響。 建立demo02后,demo02直接接在demo01下面 設置overflow:hidden后,demo01的子元素回到文檔流中,占據一定位置。將父元素撐開。 2.隱藏溢出 當我們沒有給父級元素div設置高度的時候,子級元素div的高度就會撐開父級元素div;而當我們給父級元素div加上一個高度值,那么無論子級元素div的高度是多少,最終顯示的高度都是父級元素設定的值。子級元素div超出的部分就會被隱藏。這就是隱藏溢出的含義!
    查看全部
  • .demo01 .left (注意有空格)
    查看全部
  • 高級思路:先按結構和語義編寫代碼,然后進行css樣式設置,減少HTML與CSS契合度(層數越少越好)
    查看全部
  • 所以在做設計圖的時候,也可以先單純的考慮需要搭建的主要內容,以及放的位置,然后再想他的樣式風格。力求在不改變html結構的情況下用css調整想要的效果
    查看全部
  • 一般遵循原則: 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    4 采集 收起 來源:練習題

    2017-03-14

  • 借鑒: 1、拿到一個網頁的設計圖時,首先關注網頁的文字內容及內容模塊之間的關系,把重點放在編寫html語義化的代碼上,而不要過多的考慮設計圖上的布局樣式,等html按內容編寫完以后再考慮樣式如何實現,力求不改變樣式結構的基礎上完成要求的視覺效果。語義化的主要目的就是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用! 2、利用margin屬性來移動設置html結構.margin可以是負值,通過負值,可以使該內容進行移動!實現四個方向的移動。在結構(HTML)和樣式(css)中,可以先把內容通過HTML寫出來,再利用margin移動位置,實現排版,降低樣式和結構的耦合,并且減少代碼。 排行榜制作 <div class="rank" <h5>排行榜</h5> <h6>根據網絡投票</h6> 設置<h5>背景圖標 在之后設置<h6> margin:25px 0 0 50px(根據右外邊距移到 排行榜下margin值設置為負值,可使元素往反方向位移)
    查看全部
    0 采集 收起 來源:排行榜制作

    2018-03-22

  • 結構與表現的分離: text-indent:使文本縮進到想要的位置。 只是一行簡短文字數字,可以用段落排版的思路來“定位”,即用text-indent:**px 縮進來達到目的。 如果設置一個極小的負值,則可以在瀏覽器上隱藏文本,卻又能被搜索引擎搜索到
    查看全部
  • 1、先按照結構和語義編寫代碼; 2、然后進行CSS樣式設置; 3、減少HTML與CSS契合度。 真正意義上的結構與表現分開的思想,就是高級思路的思想。
    查看全部
  • 隨著技術的發展,出現把結構(HTML),表現(CSS),和行為(JS)分離的思想。那什么才是真正的分離呢,不是把它們分別寫在分開的文件里,而是像蓋房子一樣,先從結構出發,做到HTML結構合理簡潔,再加上CSS樣式。編寫網頁的時候不要被CSS樣式打擾,而要把重點放在HTML結構的語義化上。
    查看全部
    0 采集 收起 來源:內容簡介

    2017-03-14

  • 3.11.1
    查看全部
  • 3.11
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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