一. HTML为什么需要CSS
在web刚兴起的时候, 那个时候是没有css的.
为了页面的美化, HTML提供了许多带有样式标签, 比如: <font>, <color>, <center>等.
把内容和美化放在一起最大的问题就是后期维护起来非常的麻烦, 并且代码很难重用, 造成大量的代码冗余.
CSS的出现就解决了这些问题.
在现代WEB编程中, 我们一直提倡: 内容, 样式和行为要分离.
内容就是指的HTML代码, 样式就是指的CSS, 行为就是指的后面要重点学习的Javascript.
这样带来的好处也是显而易见的, 代码结构更加清晰, 代码更加容易重用且避免冗余, 更加方便维护.
二. 什么是CSS
css是Cascading Style Sheets的简写.翻译成中文叫: 层叠样式表
它是一种 样式表 语言，用来描述 HTML 或 XML文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
一句话总结: CSS存在目的就是让网页看起来比较酷.
CSS是开放网络的核心语言之一，由W3C规范 进行标准化。
CSS被分为不同等级：
CSS1现已废弃，CSS2.1是当前的标准，CSS3是未来的标准.
先学习CSS2.1, 后面的课程中再详细学习CSS3
三. CSS的作用
CSS 是用来样式化和排版你的网页的
例如更改网页内容的字体、颜色、大小，将内容分割成多列或者加入动画以及别的装饰型效果。
四. 见识下CSS的魅力
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
h1 {
color: red;
background-color: grey;
}
p {
font-size: 30px;
background-color: pink;
}
</style>
</head>
<body>
<h1>体现CSS魅力</h1>
<p>骚年努力吧, CSS的美好等着你呢</p>
</body>
</html>
