[Codecademy] HTML&CSS 第七课：CSS: An Overview
本文出自 http://blog.csdn.net/shuangde800
[Codecademy] HTML && CSS课程学习目录
------------------------------------------------------------------------------------------------
What CSS is（什么是CSS）
CSS（Cascading Style Sheets级联样式表）是一种描述你html的外观和格式的语言。
一个样式表（style sheet）是一个描述html页面看起来怎么样的文件。
我们说这些样式表是级联（cascading）的是因为这些表格可以应用超过一种的样式。例如，你想让所有的段落
的字都是蓝色的，但是只有其中某一个单词是红色的，CSS也可以做到这点。
只要这样子设置css文件：
p {
color: red;
}
span {
/*Write your CSS here!*/
color: blue;
}
Fancy Fonts
I'm a paragraph written in red font, but one of my words is blue!
效果图：
![[Codecademy] HTML&CSS 第七课：CSS: An Overview_第1张图片](http://img.e-com-net.com/image/info8/0babc646b7b44b17b1a4761954b4c40e.png)
Why sparate from function?（为什么要把功能分开？）
有两个主要原因要把form/formating（css）和content/strutrue（HTML）分开来：
1. 可以给一种标签定制格式，以后使用这个标签就再也不需要在重写代码。
2. 可以把同一种样式表应用在多个html文件中，而不要重写代码
If it's in, it's out!（引用css文件）
在之前的课程中学习了html内联样式（inline styling），例如：
<p style="color:red">Red font!p>
如果用这种方法制作网页，那么将会很可怕：你必须要写非常多相同的代码，这样会让html文件变得很大！而且如果要改变风格，那么就需要改变所有的代码！而如果使用css文件的话，只需要修改这个文件就可以了，多么轻松！
有两种方法给html文件设置css：
1. 内置在html中，即放在在html文件的标签内，把css内容放在
Result
Check it out! I'm purple!