CSS简介

C 分类 s 泰勒 s 被亲切地称为 CSS ，是一种设计简单的语言，旨在简化网页呈现的过程。CSS允许您将样式应用于网页。更重要的是，CSS使您能够独立于构成每个网页的HTML来完成这项工作。 CSS易于学习和理解，但它提供了对HTML文档表示的强大控制。

为什么是CSS？

• CSS节省时间： 您可以编写一次CSS，然后在多个HTML页面中重复使用同一页。
• 易于维护： 要进行全局更改，只需更改样式，所有网页中的所有元素都将自动更新。
• 搜索引擎： CSS被认为是一种干净的编码技术，这意味着搜索引擎不必费力地“读取”它的内容。
• 优于HTML的样式： CSS具有比HTML更广泛的属性数组，因此与HTML属性相比，您可以更好地查看HTML页面。
• 离线浏览： CSS可以借助离线缓存在本地存储web应用程序。使用它，我们可以查看离线网站。

CSS语法： CSS包含样式规则，这些规则由浏览器解释，然后应用于文档中的相应元素。 样式规则集由选择器和声明块组成。

Selector -- h1Declaration -- {color:blue;font size:12px;} 

• 选择器指向要设置样式的HTML元素。
• 声明块包含一个或多个用分号分隔的声明。
• 每个声明都包含一个CSS属性名和一个值，用冒号分隔。 例如： –; 颜色是属性，蓝色是价值。 –; 字体大小是属性，12px是值。
• CSS声明总是以分号结尾，声明块被大括号包围。

例子： 在以下示例中，所有p元素都将以蓝色文本颜色居中对齐：

CSS选择器 CSS选择器用于根据元素名称、id、类、属性等“查找”（或选择）HTML元素。

1. 通用选择器： 通用选择器不是选择特定类型的元素，而是简单地匹配任何元素类型的名称

此规则将文档中每个元素的内容呈现为黑色。

2. 元素选择器： 元素选择器根据元素名称选择元素。您可以这样选择页面上的所有p元素（在这种情况下，所有p元素都将以红色文本颜色居中对齐）：

3.后代选择器： 假设您希望仅当某个特定元素位于某个特定元素内时，才将样式规则应用于该元素。如以下示例所示，样式规则仅在em元素位于ul标记内时才应用于该元素。

4.ID选择器：

• id选择器使用HTML元素的id属性来选择特定元素。
• 元素的id在页面中应该是唯一的，因此id选择器用于选择一个唯一的元素！
• 要选择具有特定id的元素，请写入哈希（#）字符，后跟元素的id。
• 下面的样式规则将应用于id=“para1”的HTML元素：

5.选课人员：

• 类选择器选择具有特定类属性的元素。
• 要选择具有特定类的元素，请编写句点（.）字符，后跟类的名称。
• 在下面的示例中，class=“center”的所有HTML元素都将是红色的，并与中心对齐：

可以对给定元素应用多个类选择器。考虑下面的例子：

6.分组选择器

如果有具有相同样式定义的元素，如下所示：

最好将选择器分组，以最小化代码。要对选择器进行分组，请用逗号分隔每个选择器。在下面的示例中，我们将上述代码中的选择器分组：

在CSS之前：

CSS之后

在本例中，我们添加了一些CSS。

我们所做的只是在示例中添加以下代码：

CSS版本

1. CSS1
2. CSS2
3. CSS3
4. CSS4 版本4附带：-
   • CSS Pro
   • CSS Mobile

支持的浏览器：

• 谷歌浏览器
• 微软边缘
• 火狐
• 歌剧
• 游猎