所有课程

软件开发

数据科学与商业分析AI 与机器学习项目管理网络安全云计算DevOps业务与领导力质量管理软件开发敏捷与ScrumIT 服务与架构数字营销大数据职业快速通道企业其他部分

首页资源软件开发了解所有关于内部CSS的知识

现在的趋势

[

树莓派Docker

文章

](www.simplilearn.com/tutorials/d…

创业者们，你们还在等什么？

文章

](www.simplilearn.com/tutorials/m…

区块链职业指南。成为一名区块链开发者的综合游戏手册

电子书

](www.simplilearn.com/blockchain-…

阵列在PHP中的应用

文章

](www.simplilearn.com/tutorials/p…

在PHP中的数组：onClick ReactJS

文章

](www.simplilearn.com/tutorials/r…

了解C#数组的一站式解决方案

视频教程

](www.simplilearn.com/tutorials/a…

2022年需要学习的最佳编程语言

文章

](www.simplilearn.com/best-progra…

愤怒的小鸟》与《愤怒的小鸟2》与《愤怒的小鸟4》：了解它们的区别

文章

](www.simplilearn.com/angularjs-v…

淘宝网上卖的是什么？

文章

](www.simplilearn.com/tutorials/d…

掌握Python中的列表到字符串

文章

](www.simplilearn.com/tutorials/p…)

了解关于内部CSS的一切

作者：Simplilearn最后更新于2022年1月29日

Internal CSS

内部CSS是CSS的一种形式，你可以用它将CSS添加到HTML文档中。它有助于设计单个HTML网页的布局，并在HTML代码中改变网页的样式。

研究生课程。全栈网络开发

与加州理工学院CTMEE合作立即报名

Post Graduate Program: Full Stack Web Development

什么是CSS？

CSS是层叠样式表的缩写。它用于格式化网页的布局。在CSS的帮助下，你可以改变背景图像、背景颜色、显示颜色、图像、字体、文本大小、文本之间的间距、文本的分层、不同设备的不同布局，以及为不同屏幕尺寸定制网页。

换句话说，CSS有助于描述你用HTML、 XML等标记语言编写的网页的表现。它有一个简单的机制用于格式化和修改网页的内容。

内部CSS

内部CSS是最广泛使用的CSS形式之一，用于改变、塑造和修改单个网页的独特样式。你可以通过在HTML网页的部分整合元素来使用内部CSS。

内部CSS可以应用于整个网页，但不能应用于多个网页，你可以通过在每个网页上使用相同的代码来为几个网页设计样式。

如何使用内部CSS？

内部CSS是在文档的部分的元素中添加CSS代码的一种方式。

内部CSS所做的所有改变都只能应用于一个网页。你可以在单页网站或不想使用外部CSS的项目中使用内部CSS。

例子。

下面的例子将所有

元素（页面的标题）的文本颜色设置为黄色，将所有
元素（页面的段落）的文本颜色设置为黑色。此外，网页将以 "蓝色 "的背景颜色显示。

<！DOCTYPE html>
<html>
<头>
<style>
body {背景色: aliceblue;}
h1 {color: yellow;}
p {颜色：黑色;}
</style>
</head>
<body>
<h1>这是一个HTML网页的标题</h1>。
<p>这是书写网页内容的段落。</p>
</body>
</html>

新课程。初级全栈开发

学习Git命令、Angular、NodeJS、Maven及更多内容立即报名

New Course: Full Stack Development for Beginners

在这里，我们将背景的颜色设置为红色，将标题设置为黄色。我们还在内部CSS样式表的标题中实现了一个空白。

<！DOCTYPE html>

<html>

<head>

<style>

body {

背景色：红色。

}

h1 {

颜色：黄色。

margin-left: 80px;

}

</style>

</head>

<body>

<h1>内部样式表应用在网页的这个标题上。</h1>

<p>这是一个段落，不会受到CSS样式表的任何变化的影响。

</body>

</html>

内部CSS只用于单页的HTML网站。你可以在多个HTML网页上添加内部CSS；但是，这在网站开发中不是一个好的做法。内部CSS主要是在为你的网页创建模板时使用。

通过全栈网络开发 - MEAN Stack硕士课程，推进你作为MEAN Stack开发者的职业生涯。现在就报名吧!

结论

内部CSS只对单页的HTML网站有益。如果你在你的HTML网页中使用内部CSS，你不能在元素中引用这个样式表。它可以使网站的修改和变化更加复杂和具有挑战性。

内部CSS对于需要有多个网页的大型项目是不利的，因此，最常见的添加CSS的方式，是将样式放在外部CSS文件中。

如果你想了解更多关于内部CSS和其他与Web开发相关的主题，你可以报名参加Simplilearn提供的全栈Web开发证书课程。

你也可以加入Simplilearn的SkillUp平台学习免费课程，并通过证书和专业课程彻底改变你的职业。SkillUp计划中的课程旨在提高你的知识和技能，改善你的职业前景。关于这些课程的更多信息，请访问Simplilearn。

查找我们在顶级城市的全栈式网络开发在线训练营的研究生课程。

名称	日期	地点
全栈式网络开发的研究生课程	班级于2022年2月9日开始，
周末批次	您所在的城市	查看详情
全栈式网络开发研究生课程	课程于2022年2月23日开始，
周末批次	芝加哥	查看详情
全栈式网络开发研究生课程	班级于2022年3月8日开始，
周末批次	休斯顿	查看详情