2022-09-29 15:58:37 html引入css的几种方法介绍。认识HTML直接代码写CSS，外部CSS引入CSS等方法
html引入css的几种方法介绍。认识HTML直接代码写CSS，外部CSS引入CSS等方法，为了避免干扰给大家介绍为常用的css引入方法。
1.直接HTML写CSS样式
head头部内使用style标签写css
<style>
.main{ width:500px}
#fot{ width:200px}
</style>
截图
标签行内使用style属性写CSS样式
<div style="color:#F00; font-size:14px">设置颜色为红色</div>
设置效果截图
2.html引入外部CSS文件
使用link标签引入外部CSS文件
代码：
<link rel="stylesheet" href="img/style.css" />
截图
3.CSS文件引入另外CSS文件
css文件中使用@import引入另外一个CSS文件
在css代码中使用@import url(CSS文件地址)即可引入CSS文件。
在css文件中直接写：@import url("images/css/123.css");
在HTML中需要使用style标签使用
<style>
@import url("images/css/123.css");
</style>
一般import引入CSS文件比较不常用，一般常用使用link引入。