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”,表示被链接的文档是一个样式表文件。

三种方式之间的对比
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41504815/article/details/114093733
今日推荐