CSS三种样式表

行内样式表

行内样式表,又称内联样式、行间样式、内嵌样式。

<!-- 行内样式表  只能改变一行的变化 ,通过标签的style属性来设置元素的样式-->
 <p style="color: blue;font-size: 5rem;">锄禾日当午</p> 

外部样式表

外部样式表是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中

<!-- 	外部样式表  
                      引用在.CSS为扩展名的外部样式表文件-->
		<link href="css/cf.css" rel="stylesheet" />

<!-- 在.CSS为扩展名的外部样式表  -->
p{
color: blue;
font-size: 80px;
}

内嵌样式表

内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义

	<!-- 内嵌样式表 -->
		<style type="text/css">
			p{
				color: blue;
				font-size: 5rem;
				font-family: ;
			}
		</style>

三种样式表比较