[分享]css内容显示在div外面

CSS代码可以通过外部样式表或内部样式表嵌入HTML文档中，但有时候我们需要将CSS的内容显示在HTML文档之外，比如在网页中嵌入一些第三方的CSS库或框架。 在上面的示例中，我们使用了 标签将CSS...

CSS代码可以通过外部样式表或内部样式表嵌入HTML文档中，但有时候我们需要将CSS的内容显示在HTML文档之外，比如在网页中嵌入一些第三方的CSS库或框架。

<link rel="stylesheet" href="https://cdn.example.com/style.css"> 

在上面的示例中，我们使用了 <link> 标签将CSS链接到HTML文档中。这里的 href 属性指向了外部CSS文件的URL地址，这样所有样式就可以在HTML文档之外进行管理。

还有一种方法是使用 <style> 标签将CSS代码直接嵌入到HTML文档中：

<style>
    .container {
        width: 960px;
        margin: 0 auto;
    }
</style> 

在这个例子中，我们把CSS代码放在了 <style> 标签中，放在了HTML文档的头部。这样我们就可以在HTML文档之外写CSS代码。

最后，需要注意的是，尽量避免在HTML文档中使用内联样式（style属性），这样不易维护，也不利于代码重用。