第1部分第1部分（共4部分）：编写内联css

1. 1请确保您对HTML标记有基本了解。你应该知道标签是如何工作的，以及src和href属性的用法。

2. 2学习一些基本的CSS属性。你会发现这里有很多房产。然而，没有必要全部学习。需要了解的一些好的CSS基本属性是颜色和字体系列。

3. 3了解各物业的价值。所有属性都需要一个值。例如，对于颜色属性，可以将红色值设置为红色。

4. 4了解样式HTML属性。它在href或src等元素中使用。要使用它，请在等号后的引号内放置CSS属性、冒号，然后是属性的值。这被称为CSS规则。

5. 5了解内联CSS通常不会被专业网站开发人员用于网站。内联CSS会给HTML文档增加不必要的混乱。然而，这是一个很好的方式来了解CSS的工作原理。

第2部分第2部分（共4部分）：编写基本css

1. 1启动您想要使用的程序。它应该允许你创建HTML和CSS文件。如果没有安装特殊程序，可以使用记事本或其他文本编辑器。只需将文件同时保存为文本文件和CSS文件。

2. 2打开网站的HTML文件。如果你已经安装了HTML编辑器，你也应该用它打开。HTML编辑器允许您同时编辑HTML和CSS。

3. 3创建一个&lt；风格&gt；标记在你的HTML头部。这将允许您编写CSS，而不需要单独的文件。

4. 4选择要添加样式的元素，键入该元素的名称，后跟一组大括号（{}）。为了使代码更清晰，请始终将第二个大括号放在自己的行上。

5. 5在大括号之间，键入CSS规则，就像使用style属性一样。每行必须以分号（；）结尾。为了使代码清晰易读，每一条规则都应该从自己的行开始，并且每一行都应该缩进。请务必注意，此样式将影响页面上选定类型的所有元素。下一节将介绍更具体的样式。

第3部分第3部分，共4部分：更高级的css

1. 1创建CSS文件，而不是HTML文件，然后使用。css扩展。打开你的HTML文件。

2. 2创建一个&lt；链接&gt；标记在你的HTML头部。这将允许您将单独的CSS文件链接到HTML文档。链接标签需要三个属性：rel、type和href。rel的意思是“关系”，告诉浏览器与HTML文档的关系。在这里，它应该有一个“样式表”的值。类型指示链接到的媒体类型。这里它的值应该是“text/css”。href在这里的用法与&lt；a&gt；元素，但在这里它必须链接到CSS文件。如果CSS文件与HTML文件位于同一文件夹中，则只需将文件名写在引号内。

3. 3选择要添加相同样式的不同类型的元素。向这些元素添加class属性，并将它们设置为您选择的类名。这将使你的元素具有相同的风格。

4. 4指定类将获得的样式。在CSS文件中键入带有句点（.）的类名在它之前（即类）。

5. 5选择要添加特殊样式的单个元素，并添加id属性。Id是在CSS中使用英镑符号（#）而不是句号创建的。Id比类更具体，因此如果Id的属性值与类的值不同，则Id将覆盖任何类样式。

第4部分第4部分，共4部分：了解更多

1. 1参观w3学校。这是一个官方网站，旨在教授网络开发技能。w3中列出了大量关于HTML和CSS以及其他web语言的参考。

2. 2查找其他专门用于学习和教授HTML和CSS的网站。像CSS技巧这样的网站。com专门用于教授CSS和网页设计技能。寻找信誉良好的资源将有助于你的学习之旅。

3. 3与网页设计师和开发者联系。他们的经验和诀窍可以教会你宝贵的知识和技能。

4. 4查看你遇到的网站的源代码。查看开发良好的网站的CSS可以向您展示设计网站部分的方法。将其复制下来作为练习和修改代码可以帮助您学习如何使用不同的CSS属性。

• 有许多不同的属性可以通过CSS进行操作。找到一个你喜欢的风格的网站并查看源文件。如果HEAD标签的顶部链接了一个CSS文件名，你可以点击它来查看分配给元素的不同属性和值。