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


到底什么是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元素


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


居中图像


总结

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

文章目录