終於要來加上CSS 了，CSS 為 Cascading Style Sheets 階層式樣式表的縮寫，能幫網頁加上各式各樣的變化與功能，也能做出響應式網頁，同時符合手機與電腦的顯示。
首先，再新增一個CSS 文件後，要在之前的html文件中連結CSS 檔案，在標籤裡插入
<link rel="stylesheet" href="./css/index.css"> ←連結的部分要換喔

CSS 格式

CSS 能直接對html格式進行設定，就直接打出標籤名稱。

body{
	font-family: 'Noto Sans TC', sans-serif;
  font-size: 16px;
}

也能在html 的標籤中新增class 以及id 對其進行進一步的變化，class可以套用到很多不同的標籤上，標準化你的標籤，id則是獨一無二的屬於一個標籤，讓程式能準確指向。
在CSS哩，class 前面要加上 . ，id 前面要加上#。

<h2 class="title-red" id="ABOUT">Hello! I am Lilian!</h2>

.title-red{
	backgroud-color:#D15352;
}
#ABOUT{
	color:#fff;
}

CSS程式每一行結尾要加上分號（;），雖然VS Code會自動幫我們加，但有時東改西改就不小心刪掉了。

nav a{
    text-decoration: none;
    color:#000000;
    margin-right: 16px; 
}

前面都還沒有展示出CSS階層式的一面，這裡舉個例子，連續打出nav a標籤是對nav裡面的a進行動作，如果在nav 跟a 之間加入逗號，則是對nav 跟a 做一樣的動作。

下一章 顏色與字型

※本文章所使用之圖片皆為本人作品，內容則為本人之經驗分享