css怎么嵌入到html(4中方法css样式嵌入html中)

昨天我们提到了css，也简单介绍了css里面的margin值，padding值和border值这三个。今天我们就来讲一下css是怎样加到html页面里面的，也就是css怎么嵌入到html中去，总共有四种方法。

第一种：直接在html标签里以标签属性的方式添加，也称为内联式样式表。如下面图1所示

图1

第二种：在head标签下面嵌入style标签。也称为嵌入式样式表。如图2

图2

第三种，在外面建立一个专门存放样式的文件，然后在html页面就能加载这个文件了，我们称为外部样式表。如图3

第四种，直接在外部css文件中输入@import url(css文件的路径）或者在head标签下的style标签里@import(css文件路径)。我们称为输入式样式表。如下图4

图4，这个是在head标签里的style标签里加下css

平时在使用时，一般就使用第三种和少数的第二种就行了，第一和第四种一般不推荐使用。