承上篇

CSS 小筆記

漸變(淡入淡出)：CSS屬性 秒數 速度曲線
範例code如下：

.g-100 {
    filter: grayscale(100%);
    transition:all  2s ease;
    }
    
 
 all=全部屬性
 2s=秒數
 ease=速度曲線

裡面的秒數如果要改成0.5秒，可寫0.5s or .5s

• 除錯方法：可以看vs code 最旁邊的捲軸的位子有紅紅的代表那個位子有bug

• 另開新分頁：target=“_blank”
  例： 另開分頁到Google
  有做另開新分頁連到外部網站的功能就要加另一個屬性：rel=“noopener”, 避免惡意網站盜取我們網站的資料內容
  所以語法就變這樣：

<a href="https://google.com" target="_blank" rel="noopener">另開分頁到Google</a>

• 可以任意連到另一個分頁檔案：

• 在index.html寫
  <a href="./about.html">關於本站</a>
  在about.html寫

<a href="./index.html">回到首頁</a>

• 回到上一層資料夾檔案："../index.html"> 要有兩個點點
  ./ 這個檔案所在的資料夾
  ../ 退出一層資料夾

• 快鍵：a>img =

• img width=“100%” 指圖片自適應網頁寬度，長度不適用100%