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

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

手風琴效果

難度初級
時長35分
學習人數
綜合評分9.43
122人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
  • list-style列表前綴
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 遮罩層的實現步驟: 1)在每個父容器下absolute定位一個大小相同的子容器,設置背景色并將透明度設置為了0,這樣看上去遮罩層就隱形了 2)當鼠標滑過一項列表時,要使除該項以外其它列表有陰影,可對大容器設置遮罩層,當鼠標懸停時,opacity為非零值,而將列表容器的.wrap:hover div設置成透明度為0,這里值得注意的是hover應該用在哪里
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 遮罩層的實現: 在每個父容器里使用absolute定位一個子容器,由于該容器沒有顯示內容所以看上去并沒有什么變化,但如果設置hover效應在添加背景樣式就會有效果了,這里的明暗度就是通過設置子容器添加背景顏色,還要注意的是需要對其設置透明度,不然的話背景色會覆蓋之前的內容就起不到明暗效果了
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 遮罩層的暗度是通過控制遮罩層顏色來控制的不是通過opacity實現的,opacity只是起到控制透明度而不是明暗度
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 經過測試發現,如果某元素使用absolute定位,而其長輩元素有多層使用relative屬性,那么其參照物應該選擇離其最近的長輩容器
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 關于relative和absolute的共用,如果元素使用absolute定位,那么其參照物是body容器,而不是其父容器,但是一旦給其父容器添加relative屬性其參照物就成了父容器
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 對標簽設置寬度width=0且顯示一條邊框可實現線條功能
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 權值的重要性: .wrapper li a:hover .mask{ opacity:0;} .wrap:hover .mask{opacity:0.15}由于前者的權值是大于后者的所以當鼠標懸浮,對應的元素暗度為0而不是0.15,這就是使用后代選擇器的好處
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • 關于文字部分的絕對定位,之所以是要用絕對定位的原因有兩個也正是絕對定位的兩大特點:1 為了文字在父容器的右上角顯示 2 使后面的元素不受文字定位前位置的影響,即消散之前的位置不占據空位
    查看全部
    0 采集 收起 來源:實戰題

    2016-08-29

  • opacity透明度
    查看全部
  • 這里的絕對定位使得圖片向右下角放縮
    查看全部
  • overflow:hidden,overflow:超出部分,hidden:隱藏
    查看全部
  • <!doctype html>是可以小寫的,在html中一般不區分大小寫
    查看全部
    0 采集 收起 來源:實戰題

    2018-03-22

  • 斜體標簽<i>
    查看全部
  • 所謂的手風琴效果不是指手風琴聲音而是指圖片的伸縮就像手風琴一樣,這里提到可以用三種方法實現,一種是利用js的屬性值,第二種是利用css3的transport屬性,還有就是.。。。。
    查看全部

舉報

0/150
提交
取消
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容,尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么?
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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