html中引入css样式的方式

1、首先的话是——行内引入：在一个标签中，通过style属性来引入css样式，语法：<div style="font-size:50px;color:blue;"&爿讥旌护gt;樱木花道说他是个天才！</div>具体如下图。

2、可以通过浏览器来查看上面代码的效果，可以发现style属性值发生了作用，改变了字体大小和颜色。

3、第二种方式：内部引入——可以在head头部通过style标签来引入css样式。语法：

4、通过浏览器可以查看上面代码的效果图如下，内部引入css已经生效。

5、外部引入css皱诣愚继样式一：在一个外部css文件中编写css代码。然后能过 link 引入到html中。语法：<link rel="stylesheet" type="text/css" href="../css/style.css" />其中href是相对路径。具体的可以通过观看下图，提高理解。

6、外部引入css可以让html中的代码看起来更简洁。而且以后如果修改html的显示效果，可以只修改css样式文件。上面的代码效果如下图。

7、其实还有一种引入方式，既使用到了内部<style>标签，又引入了外部的css样式。具体如下图，它的效果和上图一样。不过这种使用较少。