為了使我們的Card更精緻，我們可以在.card{}中加入

box-shadow: 5px 5px 8px rgb(156, 153, 153);

這行可以使我們的card有一些陰影。
或著是加入:

transition: all .3s ease;

可以使我們的網頁再開起的時候card會有一個漸變的動作。
如果想要更多的變化，也可以加入:

.card:hover {
    box-shadow: 5px 5px 18px rgb(75, 73, 73);
    border-radius: 15px;
}

在滑鼠經過的時候，陰影也會有所變動。
版面的基本介紹先到這邊，剩下更多的CSS 我們會在後面的章節介紹。

在各家瀏覽器之間，每個瀏覽器的預設值都不太一樣，因此會出現各種不同的留白等樣式，為了消除這一個差異，我們可以上https://cdnjs.com/ 引用第三方套件，這裡推薦一個好用的第三方套件(簡單的說這一套件就是把所有的CSS標準化使各瀏覽器之間的差異消除)Normalize引用第三方套件的方式如code:

    <!-- 引用第三方套件建議位置 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <!-- 最後一定是我們自己寫的 -->
    <link rel="stylesheet" href="./css/style.css">

引用進來之後，畫面會有一些變動。