[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

新手必看 - 淺談 檔案格式

新手必看 - 淺談 檔案格式

[ Week 1 ] - Command Line

[ Week 1 ] - Command Line

JS踩坑筆記 - closure

JS踩坑筆記 - closure


Comments