关于CSS引入HTML
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的总结了