引入css的方法有哪几种

缺乏、安全感 2024-04-01 17:37 62阅读 0赞

### 引入css的方法 ###

**1.行内式**

行内式是在标记的style属性中设定css样式。

这种方式没有体现出css的优势，不推荐使用。

**2.内嵌式**

嵌入式是将css样式集中写在网页的<head></head>标签对的<style></style>标签对中。

格式如下：

<head>

<style type="text/css">

...此处写css样式

</style>

</head>

缺点是对于一个包含很多网页的网站，在每个网页中使用嵌入式，进行修改样式时非常麻烦。

单一网页可以考虑使用嵌入式。

**3.导入式**

将一个独立的.css文件引入htmL文件中，导入式使用css规则引入外部css文件，<style>标记也是写在<head>标记中，使用的语法如下：

<style type="text/css">

@import"mystyle.css"; 此处要注意.css文件的路径

</style>

导入式会在整个网页装载完后再装载css文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。

这是导入式固有的一个缺陷。

**4.链接式**

也是将一个.css文件引入到htmL文件中，但它与导入式不同的是链接式使用htmL规则引入外部css文件，它在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件，使用语法如下：

<link href="mystyle.css" rel="stylesheet" type="text/css"/>

使用链接式时与导入式不同的是它会以网页文件主体装载前装载css文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。

原文地址：[https://www.weidianyuedu.com/content/0720766686944.html][https_www.weidianyuedu.com_content_0720766686944.html]

[https_www.weidianyuedu.com_content_0720766686944.html]: https://www.weidianyuedu.com/content/0720766686944.html

发表评论取消回复

表情：

评论列表（有 0 条评论，62人围观）

还没有评论，来说两句吧...

相关阅读

相关引入css的方法有哪几种

引入css的方法 1.行内式行内式是在标记的style属性中设定css样式。这种方式没有体现出css的优势，不推荐使用。 2.内嵌式嵌入式是将css样式集中

缺乏、安全感/ 2024年04月01日 17:37/ 0 赞/ 63 阅读

相关 web服务器有哪几种

当我们打开电脑，通过浏览器看到的网站，所有网站[服务器][Link 1]多是我们所说的web服务器，具体解释就是一种驻留在Internet上的计算机程序，web服务器通过存储网

秒速五厘米/ 2024年03月16日 11:35/ 0 赞/ 48 阅读

相关 Zookeeper 有哪几种几种部署模式？

Zookeeper有三种主要的部署模式： 1. 独立模式（standalone）：在这种模式下，Zookeeper集群由一个或多个独立的节点组成，这些节点可以运行在同一个机

一时失言乱红尘/ 2024年02月05日 15:52/ 0 赞/ 58 阅读

相关常见的数据库有哪几种？

SQL(StructuredQueryLanguage，结构化查询语言)是一种数据库查询语言和程序设计语言，主要用于管理数据库中的数据，如存取数据、查询数据、更新数据等。 S

左手的ㄟ右手/ 2023年10月07日 19:00/ 0 赞/ 19 阅读

相关 CSS的定位方式有哪几种？详解sticky粘性定位！！！

css有五种定位方式，分别是：`static`， `relative`，`absolute`，`fixed` 和 `sticky`。 1. static 静态定位 HT

╰半橙微兮°/ 2023年01月17日 06:22/ 0 赞/ 171 阅读

相关 CSS定位分为哪几种？？HTML、CSS

position定位说我们相对定位前，我们先说一下我们使用HBuilder的一个技巧，我们创建一个分组为box的div的途径，如果我们要创建一个class名为box的d

小灰灰/ 2022年11月19日 11:28/ 0 赞/ 232 阅读

相关面试官：说说react中引入css的方式有哪几种？区别？

![c7865b12f2201b2354dc3554a6103076.png][] 一、是什么组件式开发选择合适的`css`解决方案尤为重要通常会遵循以下规则：

怼烎@/ 2022年10月04日 14:53/ 0 赞/ 225 阅读

相关获取构件的方法有哪几种？开发构件通常采用哪几种策略？主流构件标准

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_Q1NETiBAbWlzY2hlbjUyMA_si

忘是亡心i/ 2022年09月08日 00:30/ 0 赞/ 162 阅读

相关在html中引入css的几种方法

在HTML中引入CC有好几种方法，按优先级排列分别是：1、行内式，2、嵌入式，3、导入式和链接式在HTML中引入CSS的方法有以下几种: 1)行内式比如:

矫情吗；*/ 2022年07月30日 13:20/ 0 赞/ 261 阅读

相关排序都有哪几种方法？

　　　　　　排序都有哪几种方法？排序的方法有：　　　　插入排序（直接插入排序、希尔排序），　　　　交换排序（冒泡排序、快速排序），　　　　选择排序（直接选择排序

柔情只为你懂/ 2021年12月23日 07:19/ 0 赞/ 284 阅读