[Week 6] CSS：其他整理

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 實戰篇