在上一篇，我們學會如何用HTML寫出'Hello World!'，而這一篇，我將會教大家怎麼幫HTML套上CSS～
CSS，全名是"Cascading Style Sheets"，中文全名是“串樣式列表”、“級聯樣式表”、“串接樣式表”、“階層式樣式表”。那CSS是程式語言嗎？答案是：不是。CSS的作用是美化網站，就這麼簡單～
有用過繪製軟體(AI、Photoshop等)的人應該都使用過「選取物件」這項功能，在繪製軟體中，如果要改變一個物件的顏色等外觀設定，一定要先選取要改變的物件才能改變該物件的外觀設定，而CSS也是同樣的概念，但我們該怎麼在CSS裡選取要改變外觀的HTML物件呢？讓我們來看看步驟～
在HTML的<body>中添加文字，例如'Hello World!'，像這樣：
<div id = 'heyId' class = 'heyClass'>Hello World!<div>
簡單來說，id和class就是幫元素取名字的意思～這裡先說一下id和class的差別，id是獨一獨二的，也就是id名稱不能有重複。而class就是一個分類名稱，不是獨一獨二的，也就是使用重複class名稱的物件可以有很多個～
如果我幫Hello World!取一個id名稱叫做'heyId'，class名稱則叫做heyClass，那我要怎麼在CSS裡選取HTML元素(Hello World!)呢？
如果我要透過id取得Hello World!這個HTML元素，我只需要寫成這樣：
#heyId{
}
由上述的程式碼，我們可以知道要用#(井號)取得id元素，那如果要透過class取得Hello World!這個HTML元素呢？那我們只需要將#(井號)換成.(點號)就行了～像這樣：
.heyClass{
}
這一篇就先講到這裡～下一篇，我會教大家一些常用的CSS tag，ByeBye~
下篇預告：常用的CSS tag
iThome鐵人賽
看影片追技術