内联 CSS ： 内联 CSS 直接应用于 HTML 元素，它是这三个元素中优先级最高的 CSS 。这将覆盖任何外部或内部 CSS 。
内部 CSS ： 内部 CSS 在内部的 HTML 头部分中定义 ** < style > ** 标记让浏览器知道在哪里查找 CSS 。
外部 CSS ： 外部 CSS 在一个单独的文件中定义，该文件仅包含 CSS 属性，这是在处理项目时使用 CSS 的推荐方式。它易于维护，可以创建多个 CSS 文件，您可以通过使用 HTML 将其改进到 HTML 文档中来使用它们 ** < 链接 > ** 标签。

CSS 代码示例

在这个例子中，我们将向您展示上述在 HTML 文档上使用 CSS 的方法。

<!DOCTYPE html>
<html>

<head>
   <title>CSS Tutorial</title>
   <!-- Internal CSS -->
   <style>
       span{
           color: green;
       }
   </style>
   <!-- External CSS -->
   <link rel="stylesheet" href="/css/style.css">

</head>

<body>
   <h1><span>Tutorials</span>point</h1>
   
   <!-- Inline CSS -->
   <p style="font-weight: bold; 
             margin-top: -15px; 
             padding-left: 5px">
       Simple & Easy <span>Learning</span>
   </p>
</body>

</html>

外部 CSS 文件: 我们通过将此文件导入上述代码 ** < 链接 > ** 标签。文件名是 style. css 上面的代码将遵循门户上这个文件的样式，您必须在本地创建文件并在您的系统上尝试。

body {
     margin-left: 40%;
     margin-top: 40%;
}

使用 CSS 的理由

响应式设计： CSS 提供了媒体查询等功能，使开发人员能够创建适应不同屏幕尺寸和设备的响应式布局，确保一致的用户体验。
灵活性和控制： CSS 提供了对 HTML 元素表示的精确控制，允许开发人员自定义布局、排版、颜色和其他视觉属性。
一致性和可重用性： 开发人员可以通过在中央 CSS 文件中定义样式来确保整个网站的一致性。样式可以在多个页面上重复使用，从而减少冗余并简化更新。
搜索引擎优化（ SEO ）： CSS 可用于以提高搜索引擎可见性的方式构造内容。
易于维护： 集中的 CSS 文件可以更轻松地维护和更新整个网站的样式。更改可以全局应用，确保一致性并降低不一致的风险。
更快的页面加载： 外部 CSS 文件可以被浏览器缓存，从而为后续访问网站提供更快的页面加载时间。这种缓存机制减少了服务器负载和带宽消耗。

学习 CSS 的先决条件

在开始学习 CSS 之前，必须对 HTML 或任何标记语言有基本的了解，熟悉计算机，以及文件或目录的基本工作知识。

如果您是 HTML 和 XHTML 的新手，那么我们建议您通过我们的 HTML or XHTML 教程第一。

CSS 入门教程

下面列出的主题是最重要的学习 CSS 从基础到进步，完成这些主题后，您将能够根据需要设置 HTML 文档的样式。我们强烈建议您通过修改本教程中提供的代码来练习 CSS 。

CSS 基础知识

所以在深入了解 CSS 之前，请先了解 CSS 的基础知识。

CSS 简介
CSS 语法
CSS 选择器
CSS 包含
CSS 注释

CSS 属性

CSS 属性和选择器是 CSS 中的主要内容，没有属性就无法定义任何 HTML 元素的样式。因此，最好一次性了解最常用的属性将有助于您使用 CSS 。

CSS 背景
CSS 边框
CSS 显示
CSS 浮动
CSS 字体
CSS 线高度
CSS 边距
CSS 不透明度
CSS 溢出
CSS 填充
CSS 位置
CSS 对齐
CSS 空白
CSS 宽度
CSS 高度
CSS 大纲
CSS 可见性
CSS 计数器

你可以得到完整的列表 CSS 属性 在附加的链接上。

CSS 高级

完成上述两个部分后，您可以继续本教程的高级部分，这些主题将帮助您进行实际的网站布局。

CSS 动画
CSS 渐变
CSS 过渡
CSS 工具提示
CSS 箭头
CSS 网格
CSS FlexBox
CSS 响应式设计
CSS @ 媒体查询
CSS 2D 转换
CSS 3D 转换
CSS 伪类

关于 CSS 的常见问题

有一些关于 CSS 的常见问题（ FAQ ），本节试图简要回答它们。

什么是 CSS 的完整形式？

CSS 代表层叠样式表。

CSS 的目的是什么？

CSS 用于样式或装饰网页，它将帮助您创建一个漂亮的网站。 CSS 指定 HTML 元素应如何在网页上显示。如果您将人体视为网页，则 CSS 将对身体的一部分进行样式设置。

有没有 CSS 的替代品？

是的，有 CSS 框架可以作为 CSS 的替代品。但是你不能在没有基本 CSS 知识的情况下替换主要的 CSS 。

什么是 CSS 的当前版本？

CSS 的当前版本是 3.0 ，但 CSS 4.0 正在努力扩展 CSS3 的新功能和增强功能。

CSS 有什么缺点吗？

是的， CSS 不能提供最大的安全性，或者你可以说目的不是为你的网站提供这种安全性。许多浏览器需要相同功能的不同属性（跨浏览器问题）。

CSS - 简介