CSS 样式必须放在特定类型的文件、标签或属性中，否则无效，浏览器不会识别和解析。CSS 代码一可以放置在 3 个地方。

接放在标签的 style 属性中。例如： <span style=「color:red；」> 红色字体 </span> <div style=「border:solid 1px blue； width:200px； height:200px；」></div>

把样式代码放在 <style> 标签内。例如：在设置 <style> 时应该指定 type 属性，告诉浏览器该标签包含的代码是 CSS 源代码。这样当浏览器遇到 <style> 之后，会自动调用 CSS 引擎进行解析。这种 CSS 应用方式也被称为网页内部样式。如果仅为一个页面定义 CSS 样式时，使用这种方法比较高效，且管理方便。但是在一个网站中，或多个页面之间引用时，使用这种方法会产生代码冗余，不建议使用，而且一页页管理样式也是不经济的。

内部样式一般放在网页的头部区域，目的是让 CSS 源代码早于页面源代码下载并被解析，这样避免当网页信息下载之后，由于没有 CSS 样式渲染而使页面信息无法正常显示。

把样式放置在单独的文件中，然后使用 <link> 标签或者@Import 关键字导入。

使用 <link> 标签导入使用 <link> 标签导入外部样式表文件： <link href="001.css" rel="stylesheet" type="text/css" />

因为不同浏览器要求不同，一般在定义 <link> 标签时，应该显式设置这 3 个属性，其中 href 是必须设置的属性。具体说明如下。 href：定义样式表文件 URL。 type：定义导入文件类型，同 style 元素一样。 rel：用于定义文档关联，这里表示关联样式表。

使用@Import 关键字导入在 <style> 标签内使用@import 关键字导入外部样式表文件： <style type="text/css"> @import url("001.css")