[Week 6] CSS:其他整理


Posted by Mily on 2020-09-12

transition 擺放位置

<a href="">按鈕</a>
a {
  width: 100px;
  height: 100px;
  color: red;
}
a:hover{
  color: blue;
}

transition 擺放在 a a:hover 的差異:
放在 a ➡ 滑鼠移入、移開皆有動畫效果。
放在 a:hover ➡ 滑鼠移入有動畫效果,移開則沒有。

position: sticky;

先參考:前端新手村 Position 定位

其他待整理

  • before、after 使用 attr 的應用
  • text-overflow: ellipsis;
  • 標籤不能加偽元素 (::after/::before)
  • display 的三種形式
  • Display 實戰篇

#html #css







Related Posts

Debounce & Throttle in React - 2

Debounce & Throttle in React - 2

7-3 Timer怎麼測?

7-3 Timer怎麼測?

GitHub 刪除密碼驗證 @ 2021.08.13

GitHub 刪除密碼驗證 @ 2021.08.13


Comments