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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
  • img是內聯元素,通過設置display:block和margin:0 auto來使圖片居中,或者在圖片外邊加一個p標簽,為p標簽設置align:center使圖片居中。

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

    2019-03-24

  • #E8E8E8灰色

    #000黑色

    #FFF白色

    #cc1b1b

    查看全部
  • a是內聯元素,不能設置寬高對齊等屬性,只能控制頁面中文本的樣式,把它轉換inline-block行內塊元素,可以同行顯示又可以設置寬高對齊等屬性。

    查看全部
  • copyright部分設置了width:100%的背景顏色,但是卻跑到了focus圖片處,是因為wrap這個大div沒有設置高度,同時它的內容(新聞中心等設置了浮動,導致了wrap塌陷),所以我的wrap沒有高度,因此copyright也跑到了那邊去

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

    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>無標題文檔</title>

    </head>


    <body>

    <div>

    ? ? <ul>

    ? ? ? ? <li>首頁</li>

    ? ? ? ? <li>課程中心

    ? ? ? ? ? ? <ul>

    ? ? ? ? ? ? ? ? <li>Web前端

    ? ? ? ? ? ? ? ? ? ? <ul>

    ? ? ? ? ? ? ? ? ? ? ? ? <li>HTML</li>

    ? ? ? ? ? ? ? ? ? ? ? ? <li>CSS</li>

    ? ? ? ? ? ? ? ? ? ? ? ? <li>JavaScript</li>

    ? ? ? ? ? ? ? ? ? ? ? ? <li>jQuery</li>

    ? ? ? ? ? ? ? ? ? ? </ul>

    ? ? ? ? ? ? ? ? </li>

    ? ? ? ? ? ? ? ? <li>Android開發</li>

    ? ? ? ? ? ? ? ? <li>PHP開發</li>

    ? ? ? ? ? ? </ul>

    ? ? ? ? </li>

    ? ? </ul>

    </div>




    </body>

    </html>


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

    2019-03-21

  • 解決IE瀏覽器日期錯位問題,將包裹日期的span移到標題左側

    查看全部
  • 盒子在頁面中所占的寬度

    是由左邊距+左邊框+左填充+內容寬度+右填充+右邊框+右邊距組成

    盒子在頁面中所占的高度

    是由上邊距+上邊框+上填充+內容高度+下填充+下邊框+下邊距組成

    查看全部
    0 采集 收起 來源:盒子模型

    2019-03-15

    1. 焦點圖初始化的ID與圖片列表最外層的ID一致

    2. 圖片列表外面,包裹一個class為pic的div

    3. 焦點圖加載太慢的話,在圖片列表之上添加一個div,代碼如下(class必須命名為loading)

    ? ? <div class="loading"(這里的class='loading'也是不可缺少的)><img src="./img/loading.gif" alt="圖片加載中..." /></div>

    查看全部
  • 企業網站簡圖

    查看全部
  • 列表序號的顯示位置是由list-style-position屬性決定的,默認效果是outside,也就是顯示在內容的外邊,你可以設置list-style-position: inside;使序號在內容里面顯示


    查看全部
  • 為什么元素浮動之后,文字會環繞在周邊,而不是跟浮動元素重合?

    可以參考一下:https://blog.csdn.net/cxl444905143/article/details/17361045

    查看全部
  • myfocus的樣式js和css文件可以省略,只要這兩個文件都在mf-pattern文件夾下,直接初始化調用,

    myFocus.set({

    id:'picBox',

    pattern:'mF_classicHB'

    })

    ?切換不同的樣式只要改變pattern的屬性即可,如果不設置pattern的屬性,默認是mF_funcy這個樣式,這時你引入其他的css和js樣式,都還是這個樣式

    詳細參考:使用說明http://demo.jb51.net/js/myfocus/tutorials.html#tip1

    查看全部
  • 為什么a:hover不起作用

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

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

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

    2019-02-17

  • 行內含有圖片和文字,在瀏覽器內瀏覽時,可以發現文字和圖片在垂直方向并不是沿中線居中,而是沿基線對齊,文字和圖片內容默認垂直對齊方式為基線對齊?

    這是因為,元素默認的垂直對齊方式為基線對齊(vertical-align: baseline

    vertical-align:middle:實現沿中線對齊


    查看全部
  • a:link? ? a:visited《初始狀態》

    a:hover? ? a:active《鼠標經過的狀態》

    查看全部

舉報

0/150
提交
取消
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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