Cascading Style Sheet层叠样式表
选择器
标签:<p> <div>...之类的标签 使用方式：直接输入标签名
类（class）: class 名字 使用方式：输入点+class名
ID： ID名 使用方式：输入#+id名
一把来说我们写CSS文件的时候用的斗士第二种选择器，class名
这是因为ID名一般被用作JS的选择器
给class命名也是有规范的，像 xxx-xxxx 这样做的好处是让你的代码
更清晰，别人也更容易看懂。
三种连接样式
行内样式（内嵌样式）： <h1 style="font-size: 24px;" >绝句</h1>
直接写在标签里，使用style属性，只对当前标签有效，页面内容和表现形式
是高度耦合的，不利于分工合作
内部样式（内联样式）：<style type="text/css">
p {
font-size: 24px;
}
</style>
内部样式是在head部分使用<style>标签，样式对当前页面有效，内容和表现形式
实现了一定程度的分离，但不彻底
外部样式（外联样式）： .text4{
text-align: right;
}
外部样式需要一个link标签来与html连接起来，内容与表现形式完全分离，
而且任何需要用到改样式的页面都可以通过link标签连接的方式来实现
