本来你页面就没有文字内容，
你显示颜色都是css控制，
而你css的路径用绝对路径，
你网站路径都没配置好，
所以其实找不到css.css这个文件。
不信的话你在index.html加文字，能看到那文字；
修正：
你把css.css和index.html放在同一个文件夹同一个目录，
<link href="/css.css" rel="stylesheet" type="text/css" />
改为
<link href="css.css" rel="stylesheet" type="text/css" />
就OK了
CSS是一门指定文档该如何呈现给用户的语言。
一、CSS帮助您将文档信息的内容和如何展现它的细节相分离创建html文档
创建样式表
在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。请将它命名为：style1.css
在您的CSS文件中，复制、粘贴下面的行，并保存该文件:
二、连接您的文档和样式表为将您的文档和样式表相连，请编辑您的HTML文件。并添加下面高亮的行：
保存该文件并刷新您的浏览器。该样式表将首字母显示为红色，如下所示：
三、rel=“stylesheet”是什么意思呢
范例中呈现的是标准HTML <link>标签嵌入css档案的写法，其中「rel="stylesheet" type="text/css"」所代表的意思，就是告诉浏览器要导入一个在外部的css档案，透过href导入名为xxxx.css的样式档案。
意思是：
在<link>标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。
rel是Relations的所写 指关联到一个stylesheet（样式表单)。
由于目前的CSS还不能抓取rel与rev的属性值，所以没有办法给不同关系的链接提供不同的样式，所以现在rel与rev只是用来使得网页的语义性更为完善。
Link标签有两个作用：
1. 定义文档与外部资源的关系；2. 是链接样式表。
link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。
扩展资料
rel各个属性值配置的意思：
Alternate -- 定义交替出现的链接
Stylesheet -- 定义一个外部加载的样式表
Start -- 通知搜索引擎,文档的开始
Next -- 记录文档的下一页.(浏览器可以提前加载此页)
Prev -- 记录文档的上一页.(定义浏览器的后退键)
Contents
Index -- 当前文档的索引
Glossary -- 词汇
Copyright -- 当前文档的版权
Chapter -- 当前文档的章节
Section -- 作为文档的一部分
Subsection -- 作为文档的一小部分
Appendix -- 定义文档的附加信息
Help -- 链接帮助信息
Bookmark -- 书签
