css样式表可以放的位置：1、利用style属性放在单个HTML元素标签上，语法“”；2、放在style标签对中，语法“样式”；3、放在扩展名为“.css”的外部文本文件中。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css样式表可以放置的位置：

1、放在HTML标签上

使用style属性直接加在单个的HTML元素标签上，控制HTML标签的表现样式。

这种引入CSS的方式是分散灵活方便，但缺乏整体性和规划性，不利于后期的修改和维护，当需要修改网站的样式时，一个相同的修改可能涉及多个地方，维护成本高。使用STYLE属性的样式效果最强，会覆盖掉其它几种引入方式的相同样式效果。

<div></div>

2、放在

将样式代码写在页面标签之中

<style>
 bdoy{font-size:14px;}
</style>

结构写在页面的

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性，一个页面内部便于复用和维护，但多个页面之间的CSS代码复用仍然不够。

3、放在外部.CSS文件中

如果 CSS 样式被放置在网页文档外部的文件中，则称为外部样式表，一个 CSS 样式表文档就表示一个外部样式表。

实际上，外部样式表也就是一个文本文件，扩展名为.css。当把CSS样式代码复制到一个文本文件中后，另存为.css文件，则它就是一个外部样式表。如下图：

外部样式表必须导入到网页文档中，才能够被浏览器识别和解析。外部样式表文件可以通过“”标签或“@import”规则两种方法导入到 HTML 文档中，具体实现可参考文章《css如何引入外部样式表》。

（学习视频分享：css视频教程）

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！