使用外部CSS，可以将CSS代码单独放到CSS文件里使用html link引入CSS(html引人css)，也可以在html使用<style>标签，建立CSS。也可以在html标签内使用style属性设置css颜色。
CSS工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
名称CSS中的"层叠(cascading)"表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。
是@font-face，语法如下： @font-face {[ font-family: <family-name> ] ||
[ src: [ <url> [ format(<string>#) ]? | <font-face-name> ]# ] ||
[ unicode-range: <urange># ] ||
[ font-variant: <font-variant> ] ||
[ font-feature-settings: normal | <feature-tag-value># ] ||
[ font-variation-settings: normal | [ <string> <number>] # ||
[ font-stretch: <font-stretch> ] ||
[ font-weight: <weight> ] ||
[ font-style: <style> ]
}
<family-name>就是家族体系名称，例如sans-serif无衬线字体。
取值font-family 这里指定的字体名字将会被用于font或font-family属性，在元素的使用字体的字体名称就是这里设定的。
src 远程字体文件位置的URL或者用户计算机上的字体名称， 可以使用local语法通过名称指定用户的本地计算机上的字体( 例如src: local('Arial'))。 如果找不到该字体，将会尝试其他来源，直到找到它。
font-variant 字态
font-stretch 字体描边.
font-weight 字重
font-style 对于src所指字体的描述。如果所需字体符合描述，则采用本font-face所定义的字体。
unicode-range在该@font-face中定义的unicode字体范围
例子：用到了用户本地字体"Helvetica Neue Bold"的备份；如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过)，就会用下载的字体"MgOpenModernaBold.ttf"来代替：
@font-face {font-family: MyHelvetica
src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(MgOpenModernaBold.ttf)
font-weight: bold
}
CSS中font是设置字体属性的。
font在css的作用就是在一个声明中设置所有字体属性：
举例说明：
<html>
<head>
<style type="text/css">
p.ex1
{
font:italic arial,sans-serif
}
p.ex2
{
font:italic bold 12px/30px arial,sans-serif
}
</style>
</head>
<body>
<p class="ex1">这是一个测试一般字体段落</p>
<p class="ex2">这是一个测试字体的段落</p>
</body>
</html>
运行效果：
