css怎么嵌入到html中？(2)-木庄网络博客

2022-03-27 01:43:05 PHP中文网 JavaScript 百度已收录

3、无需上传多个文件。HTML和CSS可以在同一个文件中。

缺点：

1、增加页面加载时间。

2、它只影响一个页面 - 如果要在多个文档上使用相同的CSS，则无用。

外部样式表

与HTML文件一样，CSS文件也是纯文本，并且通常具有.css文件扩展名；可以通过特定的标签来将其链接到HTML文件中。

特点：

1）、在单独的文档中编写然后附加到各种Web文档中

2）、修改它可以影响所有你所调用的页面

3）、便于修改操作

例如，style.css文件内容可以如下所示：

1 2	`body {` `background-color: beige;` `color:` `#000080;}` `h1` `{` `color:` `red;}`

然后可以使用<link…>在header头中引入生效。

<head>
<link rel="stylesheet" type="text/css" href="style.css" title="style">
</head>

优点：

1、HTML页面的大小更小，结构更清晰。

2、加载速度更快。

3、相同的.css文件可以在多个页面上使用。

缺点：

在加载外部CSS之前，页面可能无法正确呈现。

以上就是css怎么嵌入到html中？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者