引入css的方法有哪几种

缺乏、安全感 2024-04-01 17:37 82阅读 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 条评论，82人围观）

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

相关阅读

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

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

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

相关 web服务器有哪几种

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

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

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

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

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

相关多线程同步有哪几种方法？

有多种方法可以实现多线程同步，以下是一些常见的同步机制和方法： 1. Synchronized 关键字：使用 `synchronized` 关键字可以将代码块或方

逃离我推掉我的手/ 2023年10月15日 17:03/ 0 赞/ 15 阅读

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

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

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

相关集合常用的有哪几种？

> 从map，list，set三大接口下分类别回答 map接口下的： 1. HashMap(首先想起最常用的hashmap，无序，线程不安全，底层是数组加链表加红黑

浅浅的花香味﹌/ 2023年03月06日 03:52/ 0 赞/ 17 阅读

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

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

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

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

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

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

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

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

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

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

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

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