CSS的引入方式（3）

最新推荐文章于 2024-10-27 11:51:13 发布

工作工作我来了

最新推荐文章于 2024-10-27 11:51:13 发布

阅读量174

点赞数 4

文章标签： css html html5

本文链接：https://blog.csdn.net/qq_54948244/article/details/120530086

版权

一. 内部样式表（嵌入式引用）----练习常用

是写到HTML页面内部，将所有CSS代码取出来，单独放到一个<style>标签中。

例：

理论上<style>可以放到HTML任何地方，但是一般会放在<head>标签中。

但是，并没有实现结构与样式的完全分离。

二. 内部样式表

是在元素标签的内部的<style>属性中设定CSS的样式，适用于修改简单的样式。

例： <div

style="color red ; font-size: 12px；”

张艺兴 </div>

**内容在双引号中间，写法符合CSS规范。

**可控制当前标签设置样式。

**只有对当前元素添加简单的样式的时候可以考虑使用，其他情况不推荐使用。

三. 外部样式表（外链式、连接式引入）---实际开发中常用

是样式单独写到CSS文件中，之后把CSS文件引入HTML页面中使用。

引入步骤：

新建 .CSS文件，把CSS代码放入此文件中

在HTML文件中使用<line>标签引入这个文件

例:

<line> rel = "stylesheet" href = "CSS文件路径“>

rel : 定义当前文档与连接文档之间的关系，在这里需要指定为”stylesheet",表示被连接的文档是一个样式表文件。

href : 定义所链接外部样式表文件的URL,可以是相对路径，也可以是绝对路径。

完全实现了结构与样式的分离。