外部css和内部css的区别是什么？

我看了flex教程，发现有部分提到了外部和内部css。那么这两者的区别是什么呢？

内部CSS

• 在
  元素中定义
• 直接嵌入页面内部

外部CSS

• 通过
  元素链接
• 在服务器上作为单独的文件存在

外部CSS文件的主要优点是，它可以独立于页面进行缓存，这意味着客户端只需要下载一次，这节省了加载时间和带宽

此外，通过将多个页面链接到一个CSS文件，您只需更改一个位置，即可立即影响整个网站（而无需在每个页面上进行更改）。

内部CSS

• 在
  元素中定义
• 直接嵌入页面内部

外部CSS

• 通过
  元素链接
• 在服务器上作为单独的文件存在

外部CSS文件的主要优点是，它可以独立于页面进行缓存，这意味着客户端只需要下载一次，这节省了加载时间和带宽

---

此外，通过将多个页面链接到一个CSS文件，您只需更改一个位置，即可立即影响整个网站（无需在每个页面上进行更改）。

External

CSS指的是文件位置，即

<link rel="stylesheet" href="your-file-here.css">

在内部使用CSS时，可以在所谓的内联样式中使用样式

这看起来像：

<p style="color: #333; font-size: 22px;">Blah blah blah.</p>

诸如此类的废话

---

internal

CSS的唯一真正好处是，浏览器不需要发出额外的

GET

请求来下载

.CSS

文件。但首选

外部

。因为这意味着您只需要修改

.css

文件，它将反映在包含对该特定文件的引用的所有页面中。

外部

css指的是文件位置，即

<link rel="stylesheet" href="your-file-here.css">

在内部使用CSS时，可以在所谓的内联样式中使用样式

这看起来像：

<p style="color: #333; font-size: 22px;">Blah blah blah.</p>

诸如此类的废话

---

internal

CSS的唯一真正好处是，浏览器不需要发出额外的

GET

请求来下载

.CSS

文件。但首选

外部

。因为这意味着您只需要修改

.css

文件，它将反映在包含对该特定文件的引用的所有页面中。

内部样式表是页面

标题

部分中的

样式

标记：

<style type="text/css">

body { margin: 0; padding; 10px; }

</style>

也可以使用CSS规则指定外部样式表，可以从内部样式表或其他外部样式表：

@import "otherstyles.css";

还有第三种类型的css；在应用于的元素上指定的内联样式：

<div style="background:#ccc;">

---

内部样式表是页面

标题

部分的

样式

标记：

<style type="text/css">

body { margin: 0; padding; 10px; }

</style>

也可以使用CSS规则指定外部样式表，可以从内部样式表或其他外部样式表：

@import "otherstyles.css";

还有第三种类型的css；在应用于的元素上指定的内联样式：

<div style="background:#ccc;">

EDIT-我刚才回复的评论似乎已被删除。嗯，我不同意，

内联css

将直接向内联元素添加css

这将是

内联css

.EDIT的一个示例-似乎我回复的注释已被删除。嗯，我不同意，

内联css

将直接向内联元素添加css<代码>这将是

内联css的一个示例。