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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

商城分類導(dǎo)航效果

zongran Web前端工程師
難度初級(jí)
時(shí)長(zhǎng) 1小時(shí)18分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.70
422人評(píng)價(jià) 查看評(píng)價(jià)
9.9 內(nèi)容實(shí)用
9.7 簡(jiǎn)潔易懂
9.5 邏輯清晰
  • text-decoration:underline;//a 標(biāo)簽的下劃線

    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; 絕對(duì)定位

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

    ?


    查看全部
  • background-position:right; //設(shè)置背景在li右邊

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

    2018-07-18

  • list-style-type:none; //去掉里標(biāo)簽前面的黑點(diǎn)

    text-decoration:none;//去掉a標(biāo)簽的下劃線

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

    background-repeat:no-repeat;//背景圖像不重復(fù)只出現(xiàn)一個(gè)(不定義的話會(huì)默認(rèn)repeat,將在水平方向和垂直方向都重復(fù))


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

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

    解決IE6兼容性問題

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

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

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

    2018-04-08

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

    當(dāng)鼠標(biāo)移動(dòng)到 li 上時(shí),class?為?submenu 的 div 顯示(display改為block)

    查看全部
  • <dl>標(biāo)簽在列表中的應(yīng)用 <dt>定義列表分類 <dd>定義列表項(xiàng)目利用a元素制作豎線“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px;

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

    2018-03-24

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

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

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

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

    2018-02-26

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

    2018-02-26

舉報(bào)

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

微信掃碼,參與3人拼團(tuán)

微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!