关于CSS引入HTML

最新推荐文章于 2024-07-18 16:22:57 发布

星汐飞花

最新推荐文章于 2024-07-18 16:22:57 发布

阅读量159

点赞数 1

分类专栏：笔记文章标签： html css

本文链接：https://blog.csdn.net/weixin_46426843/article/details/104719713

版权

16 篇文章 0 订阅

订阅专栏

CSS引入HTML有三种方式

直接在HTML的标签中进行编写，需要改变哪行就在哪行内直接进行CSS的编写。
代码如下：

<p style:fout-size:24px; color:red;>这是一个段落</p>

优点：简单粗暴。
缺点：非常麻烦，样式和结构未分离。

嵌入式基本实现了样式和结构分离，CSS编写在HTML的头部中，不直接编写在结中。
代码如下：

<head>
	<title>标签</totle>
	<style>
		.class{
		color:red;
		font-size:24px;
		}
	</style>
</head>

优点：基本实现了结构和样式相分离。
缺点：只对本页面起作用。

外链式真正的实现了样式和结构完全分离，将CSS完全独立成一个CSS文件。在真正的开发中也更加提倡使用外链式，在HTML中只需要将CSS文件引入即可。而且同一个CSS文件可以被多个HTML引用。
引入代码如下：

<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="CSS文件名.CSS"> 
</head>

优点：真正实现了结构和样式的完全分离，可以被多个HTML文件使用，是最完美的引入方式。

以上就是关于CSS引入HTML的总结了

关注