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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • text-decoration:underline;//a 標簽的下劃線

    font-weight:bold;//字體加粗

    box-shadow : 0 0 8px #DDD; // li 的外陰影

    ????Firefox瀏覽器:-moz-box-shadow : 0 0 8px #DDD;?

    ????Chrome瀏覽器:-webkit-box-shadow :?0 0 8px #DDD;?

    display:block 顯示 none 隱藏

    position:absolute; 絕對定位

    z-index:num? ; 數值大的懸浮在上面

    ?


    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2018-07-18

  • background-position:right; //設置背景在li右邊

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

    2018-07-18

  • list-style-type:none; //去掉里標簽前面的黑點

    text-decoration:none;//去掉a標簽的下劃線

    background-image:url(。。。jpg/png)//li標簽的背景圖片

    background-repeat:no-repeat;//背景圖像不重復只出現一個(不定義的話會默認repeat,將在水平方向和垂直方向都重復)


    查看全部
  • https://img1.sycdn.imooc.com//5ac9c3e30001435304430121.jpg

    查看全部
  • https://img1.sycdn.imooc.com//5ac9bdc30001411f03680117.jpg

    解決IE6兼容性問題

    查看全部
    0 采集 收起 來源:JS實現特效

    2018-04-08

  • https://img1.sycdn.imooc.com//5ac9b7ae00010cf802720087.jpg

    設置邊框陰影(以上三個分別兼容不同的瀏覽器)

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

    2018-04-08

  • https://img1.sycdn.imooc.com//5ac9b5540001bbfa03350079.jpg

    當鼠標移動到 li 上時,class?為?submenu 的 div 顯示(display改為block)

    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2018-04-08

  • <dl>標簽在列表中的應用 <dt>定義列表分類 <dd>定義列表項目利用a元素制作豎線“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px;

    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-24

  • relative的有兩個屬性①是以自身為參照基準進行定位,也就是相對于<自身原有位置>進行偏移 。并不是相對于其他元素進行定位,這個要理解好。②一旦設置了relative,那么隨即就會產生z-index屬性,就是空間層堆疊,由于二級菜單的包裹層的z-index默認是小于10的,那么span標簽設置了z-index:10 那么就是從頂層往下面遮蓋住了二級菜單border。就是這個原理,理解清楚relative的兩個屬性是關鍵!

    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2018-03-24

  • 文字跟左邊的距離用padding可能會影響父元素的寬度,如果用text—indent:**px;就不會有什么隱患;

    查看全部
  • height,line-height(同一個元素設置,使內容垂直居中

    查看全部
  • dt用來定義列表中的項目,dd用來描述列表中的項目,常用于網站分類菜單,對搜索引擎友好,可以分別設置樣式,而ul和li列表做不到,a標簽對搜索引擎不友好
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-02-26

  • 用background設置一系列屬性的時候,不同屬性之間不能加逗號?。?!可以用空格隔開,否則無效
    查看全部
    0 采集 收起 來源:編程練習

    2018-02-26

舉報

0/150
提交
取消
課程須知
如果您已經掌握了HTML/CSS、JavaScript的基礎知識,但又缺乏實踐經驗或者對案例有興趣,那么就開啟課程的學習吧!
老師告訴你能學到什么?
讓您學會開始編程前如何進行分析,讓編寫代碼變的事半功倍;如何運用JavaScipt和CSS制作導航的兩種方法,CSS的兼容性問題及修復方法,讓您將掌握的基礎知識進行綜合應用。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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