css样式表可以放置的位置有哪些
这篇文章将为大家详细讲解有关css样式表可以放置的位置有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
css样式表可以放的位置：1、利用style属性放在单个HTML元素标签上，语法“<元素 style="样式">”；2、放在style标签对中，语法“<style>样式</style>”；3、放在扩展名为“.css”的外部文本文件中。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css样式表可以放置的位置：
1、放在HTML标签上
使用style属性直接加在单个的HTML元素标签上，控制HTML标签的表现样式。
这种引入CSS的方式是分散灵活方便，但缺乏整体性和规划性，不利于后期的修改和维护，当需要修改网站的样式时，一个相同的修改可能涉及多个地方，维护成本高。使用STYLE属性的样式效果最强，会覆盖掉其它几种引入方式的相同样式效果。
<div style="color:red"></div>2、放在<style>标签对中
将样式代码写在页面<style>...</style>标签之中
<head>
<style>
bdoy{font-size:14px;}
</style>
</head><style>标签结构可以位于页面<HTML>标签中的任何位置，也可以多次出现。通常是将整个<style>...</style>结构写在页面的<head>部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性，一个页面内部便于复用和维护，但多个页面之间的CSS代码复用仍然不够。
3、放在外部.CSS文件中
如果 CSS 样式被放置在网页文档外部的文件中，则称为外部样式表，一个 CSS 样式表文档就表示一个外部样式表。
实际上，外部样式表也就是一个文本文件，扩展名为.css。当把CSS样式代码复制到一个文本文件中后，另存为.css文件，则它就是一个外部样式表。如下图：
外部样式表必须导入到网页文档中，才能够被浏览器识别和解析。外部样式表文件可以通过“<link>”标签或“@import”规则两种方法导入到 HTML 文档中
关于“css样式表可以放置的位置有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
