CSS和HTML结合的几种方式

1、内部样式

内部样式又称为内嵌式,在head标签中 使用style标签来编写css代码。

总结：

1. 语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。
2. type=“text/CSS” 在html5中可以省略， 写上也比较符合规范， 所以这个地方可以写也可以省略。

2、行内样式

通过使用style = “属性:值” 直接在标签上对其设置样式。

3、外部样式

这种方式需要单独创建一个css文件,把所有的css代码写到文件中，然后在html文件中使用link标签把它引入即可。

• href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
• rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。

三种方式之间的对比