[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

How to solve the perpetual loading issue in Evernote? Evernote 一直轉圈圈的解決辦法

How to solve the perpetual loading issue in Evernote? Evernote 一直轉圈圈的解決辦法

Day 47 - Amazon price tracker

Day 47 - Amazon price tracker

基礎電腦科學:演算法概要

基礎電腦科學:演算法概要


Comments