引入CSS样式的三种方法

引入CSS样式的三种方法

1.行内样式法

行内样式就是把CSS样式直接写在代码行内的标签中。基本格式为<标签名 style=“属性名1:属性值1;属性值2:属性值2;…;属性名n:属性值n”></标签名>。

2.内嵌样式法

内嵌样式法是将一些CSS样式统一用一对style标签包围，然后将style标签写在head标签里，但是这些CSS样式只能在本页使用。

3.引入外部CSS文件法

引入外部CSS文件法是先将一些CSS样式统一写在一个.css文件里，然后通过link标签将这个文件链接到HTML文档中。这种方法能将HTML文档和CSS文档完全分离，因此相对以上两种方法，这种方法是最简便，也是最实用的。
引入外部css文件的具体语句如下：<link rel=“stylesheet” href=".css文件路径名">
下面给出一些图片来加以展示：

图1 HTML文件

图2 CSS文件

图3 效果图