造型的魔力

造型的魔力

预习

您可能想知道如何设计样式并寻找一篇讨论它的文章，这是一篇为您提供有关其工作原理的正确答案的文章。

很长一段时间以来，我一直对造型的工作原理感到惊讶。开发人员如何让网站变得漂亮？需要时间吗？我问过自己很多问题。

我的好奇心促使我接触了高级开发人员，然后我终于了解到，为网页设计样式需要一些程序和语言的知识。

在这篇文章中，我将解释我们网站神奇样式背后的概念，重点是使用的语言，当然还有它的结构。本文分为五个部分：

• 样式中使用的语言：简介。
• 什么是 CSS？
• CSS 历史
• 基本 CSS 元素
• 结论。

样式中使用的语言：简介：

在为网络创建一些东西时，由于基于网络的项目所面临的挑战，技术选择通常看起来有点不同。例如，网站与浏览器交互，而不是直接坐在硬件上。即使是基于网络的应用程序也必须考虑到连接性，因为数据需要来回发送。正因为如此，网络语言通常与我们想要在这里探索的典型软件选择不同。

了解一些最流行的 Web 设计和样式语言将使您能够在 Web 项目期间做出选择，并了解当今 Web 构建领域的多功能范围。 Web 开发中用于样式的主要语言称为 CSS。那么，什么是 CSS？

什么是 CSS

正如您可能猜到的那样，级联样式表 (CSS) 是开发人员可以开始实现网站“样式”的地方。

这种语言使开发人员能够控制和定义他们的网站最终呈现给访问者的方式。与 HTML 一样，它是一种标记语言，两者经常结合使用。

CSS 是用于描述网页呈现的语言，包括颜色、布局和字体，从而使我们的网站能够呈现给用户。这种样式语言旨在为 Web 制作样式表。它独立于 HTML。

CSS历史

层叠样式表（CSS）由 Hakon Wuim Lie 于 10 月 10 日首次提出。创建它是为了允许网页设计师更改其网站的布局、颜色和字体。最初，网站仅供研究人员使用，因此装饰无关紧要。然而，随着网站的普及，让它们看起来更漂亮的需求也随之增加。 1996 年，发明了 CSS 的第一个版本。

1998 年晚些时候，CSS 2 发布，CSS3 的工作开始了。CSS3 与其他版本非常不同，它不是一个单一的整体规范，而是作为一组称为模块的单独文档发布的。每个模块处理整个规范的一个相对较小的子集，并且要么添加新功能，要么改进和扩展现有功能。规范的所有添加和增强都被编写为向后兼容旧版本的 CSS。 2011 年，CS​​S 2.1 发布，修复了 CSS2 中的错误。

基本 CSS 元素

与 HTML 类似，有许多 CSS 元素和编辑器。一些最适合有线 CSS 代码的流行编辑器如下：

1. 原子
2. 视觉工作室代码
3. 括号
4. Notepad++（非常适合 HTML 和 CSS）
5. Sublime Text（最佳编辑器）

CSS中的一些元素是：

1.CSS评论：

.Comments 不会在浏览器上呈现。

.有助于更好地理解我们的代码并使其可靠。

.帮助调试我们的代码。

2.CSS 方法：

. 在我们的 HTML 文件中有 3 种方式来编写 CSS

1. 内联 CSS：

在 CSS 之前，这是应用样式的唯一方法。虽然，它不是一种有效的写入方式，因为它有很多冗余。此外，它是独立的，并且唯一地应用于每个元素。例子：

从代码截图中可以看出，

元素的样式是内联的。要内联样式，在关闭开始标记之前会有一个样式值，如上例所示：

你好世界！

2.内部CSS：

这是在样式标签的帮助下完成的 CSS 类型，我们可以在 HTML 文件中应用样式。没有冗余，它也唯一地应用于单个文档。例子：

从上面的示例中可以看出，要拥有内部 CSS 样式，您必须拥有