html如何引入CSS样式

这篇文章主要为大家展示了“html如何引入CSS样式”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html如何引入CSS样式”这篇文章吧。

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都做网站、青州网络推广、微信小程序、青州网络营销、青州企业策划、青州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供青州建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

引入CSS样式

CSS使用非常灵活，即可以嵌入在HTML文档中，也可以是一个单独的文件，如果是单独的文件，则必须以.css为扩展名。CSS和HTML的结合3种常用方式：

(1)行内样式

行内样式，是通过标签的style属性来设置元素的样式。

<a style="color: #f00; font-size: 30px;">小灰灰</a>

html如何引入CSS样式

行内样式通过标签的属性来控制样式，这样并没有做到结构与表现(HTML展示结构、CSS显示效果)相分离，所有一般很少使用。学习阶段有时候为了快速编程，偶尔使用。

(2)内部样式

内部样式又称为内嵌式，是将CSS代码集中卸载HTML文档的<head>头部标签体中，并且使用<style>标签定义。

给当前html文件中的多个标签设置样式。

在html的<head>标签中使用<style>标签来定义CSS

<!-- 方式2：内部样式
          background-color ：表示背景色
-->
<style type="text/css">
          body{
              background-color: #ddd;
          }
</style>

html如何引入CSS样式

(3)外部样式

外部样式又称为链入式，是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link>标签将样式连接到HTML文档中。

<!-- 方式3：外部样式
          rel="stylesheet",固定值，表示样式表
          type="text/css"，固定值，表示css类型
          href，表示css文件位置
          font-family 表示使用的字体系列，多个字体使用逗号分隔。例如："字体1,字体2,字体3"，此时优先使用"字体1",如果"字体1"系统不存在，再使用"字体2"，以此类推。
          -->
<link rel="stylesheet" type="text/css" href="css/demo00.css"/>

html如何引入CSS样式

链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用，同时一个HTML页面也可以通过多个<link/>标记链接多个CSS样式表。

以上是“html如何引入CSS样式”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

当前名称：html如何引入CSS样式
文章路径：https://www.cdcxhl.com/article48/jhschp.html

成都网站建设公司_创新互联，为您提供网站设计公司、软件开发、Google、云服务器、网站策划、自适应网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容