Day 5：认识CSS＋CSS tag

在上一篇，我们学会如何用HTML写出'Hello World!'，而这一篇，我将会教大家怎麽帮HTML套上CSS～

认识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