HTML中引入CSS的方法有四种:行内式、内嵌式、链接式、导入式
一、行内式
在标签的style属性中设置CSS样式,比如:
<p style="color:red;">字是红色的</p>
二、嵌入式
写在<head></head>标签对中的<style></style>标签对中,比如:
<head>
<style>
……
</style>
</head>
三、导入式
在<head></head>标签对中的<style></style>标签对中,导入外部的css文件,比如:
<head>
<style>
@import"myStyle.css" /*此处需要注意路径问题*/
</style>
</head>
tip:加载网页后再加载css文件,所以页面开始不带样式,闪烁一下后,在显示带样式的页面
四、链接式
在<head></head>标签对中的<link>标签中,导入外部的css文件,比如:
<link href="mystyle.css" rel="stylesheet" type="text/css"/> /*同样需要注意路径问题*/
tip:和导入式不同,在加载网页前加载css文件,因此页面从一开始就是带有样式的。