33岁转职者的前端笔记-DAY 11 一些网页切版技巧的小笔记-Part 2

承上篇

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%