层叠样式表（英语：Cascading Style Sheet，简称：CSS）是你用来为网页添加样式的代码。这一节内容会带你了解你所需的基础知识。我们将解答像这样的问题：怎样将文本改成黑色或红色？怎样将内容在屏幕上这样或那样的地方显示？怎样用背景图片或背景颜色来装饰网页？
20200429095229Aicy.png

到底什么是CSS？

就像 HTML，CSS 也不是真正的编程语言。它也不是标记语言——是样式表语言。也就是说，它允许你有选择性地为 HTML 文档的元素添加样式。举例来说，要选择一个 HTML 页面里所有的段落元素，然后将它们的文本改成红色，在 CSS 中你应该这样写：

p {
  color: red;
}

让我们动手操作一下：将这三行 CSS 代码粘贴到文本编辑器里的新文件中，然后保存文件名为 style.css ，保存到 styles 文件夹内。

但是我们还需要将 CSS 文件应用到 HTML 文档内，否则的话 CSS 代码不会影响到 HTML 文档在浏览器里的显示。（如果你没有完整地跟随我们的指导，在 网站存放文件处理 和 HTML入门基础教程 查看你所需的内容。）

  1. 打开 index.html 文件，然后将下面一行粘贴到头部（也就是 <head> 和 </head> 标签之间）。
<link href="styles/style.css" rel="stylesheet" type="text/css">
  1. 保存 index.html 并用浏览器将其打开。你应该看到这样的页面：

1111图片晚点上传11111

如果你的段落文字现在是红色的了，那么祝贺你，你已经成功地写下了你的第一句 CSS 代码！

解析CSS规则集

选择多个元素

不同类型的选择器

字体和文本

一切都与盒子有关

更改页面颜色

解析body元素

为页面主标题定位和添加样式

居中图像

总结

----------先这样晚点弄完----------

文章目录
文章目录