引入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文件路径名">
下面给出一些图片来加以展示:
引入CSS样式的三种方法

图1 HTML文件

引入CSS样式的三种方法

图2 CSS文件

引入CSS样式的三种方法

图3 效果图