第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

導航條菜單的制作

江老實 Web前端工程師
難度初級
時長23分
學習人數(shù)
綜合評分9.53
1004人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.4 邏輯清晰
  • text-indent 是文本縮進

    查看全部
  • onmouseover?,?鼠標移過?;?<br>
    onmouseout?,?鼠標離開?;<br>
    setIntervel?,?不停地調用函數(shù)?;?<br>
    clearInterval?,?取消?setInterval?函數(shù)的運行?;?<br>


    查看全部
  • 答案是 B 無序列表,<ul> 來制作“菜單導航條”,也就是無序列表

    答案是?B?無序列表,<ul>?來制作“菜單導航條”,也就是無序列表


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

    2018-05-17

  • <!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">
    *{margin:0; padding:0; font-size:14px;}
    ul{ list-style:none;}
    a{color:#333;text-decoration:none}
    .nav li{ 【任務1】}
    .nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}
    .nav li a:hover{ background-color:#F60; color:#fff}
    </style>

    </head>
    <body>

    <ul class="nav">
    ??? <li><a href="#">首  頁</a></li>
    ??? <li><a href="#">新聞快訊</a></li>
    ??? <li><a href="#">產品展示</a></li>
    ??? <li><a href="#">售后服務</a></li>
    ??? <li><a href="#">聯(lián)系我們</a></li>
    ? </ul>

    </body>
    </html>



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

    2018-05-17

  • <!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>
    查看全部
    0 采集 收起 來源:編程練習

    2018-05-17

  • 用圖片制作圓角菜單是在原來CSS3不流行的時候,為了IE系列,不得不用圖片。
    查看全部
  • 圓角菜單的制作: 通過設置背景,改變外觀樣式,通過a:hover,可以為菜單增加交互效果

    查看全部
  • 圓角css代碼:border-radius:4px 4px 3px 3px

    查看全部
  • 橫向菜單與圓角菜單的卻別是:為ul增加一個 裝飾線 border-bottom、為a標簽添加圓角背景,寬與高相適應、有一個默認的選中狀態(tài),所以要為a標簽加上一個class"on" 在為它的樣式添加上一個on,最后一動它的位置(y,x)
    查看全部
  • 圓角菜單的制作,通過設置背景,改變外觀樣式。<br>
    通過a:hover,可以為菜單增加交互效果。<br>


    查看全部
  • float:left可以將豎直菜單變成水平

    text-indent:30px//縮進

    text-align:center//居中


    查看全部
  • <style>
    body{margin:0;padding:0;}//內容清除
    </style>


    查看全部
  • 基本的樣式清除: ?*{margin:0;padding:0}
    無序列表圓點去除: ul{list-style:none}
    下劃線去除: ? a{text-decoration:none}
    文本縮進標簽 text-indent 不會影響總體寬度(padding會)
    需要將a標簽設置為塊元素,才能設高寬、hover效果 ? 代碼:a{display:block}
    hover格式 ? a:hover{}

    查看全部
  • 菜單<li>浮動后,<li>脫離文檔流,導致<ul>將失去高度和寬度;如果需要對<ul>進行整體背景設置,首先要給<ul>定義寬、高。

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

    2018-05-08

  • 菜單<li>浮動后,<li>脫離文檔流,導致<ul>將失去高度和寬度;如果需要對<ul>進行整體背景設置,首先要給<ul>定義寬、高。

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

    2018-05-07

舉報

0/150
提交
取消
課程須知
1.熟悉html知識,尤其對<ul>和<a>比較熟悉; 2.對css樣式比較了解; 3.掌握JavaScript和jQuery基礎知識。
老師告訴你能學到什么?
輕松制作出各種形式的網站導航條菜單

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

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

公眾號

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

友情提示:

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