CSS 教程 - 第 1 课 - 连接 CSS 样式
我不会解释为什么需要 CSS。如果你打开了这本教程，那就说明你想学习它。我只想说，CSS 的功能非常强大，它允许你排版任何复杂的网页布局。同时，使用 CSS 意味着你必须放弃使用某些 HTML 标签属性，如 size、color、bgcolor、align 等，这些属性会“干扰”CSS 的正常工作。
将 CSS 连接到你的 HTML 文件至少有三种方法。让我们先看看最简单的方法，然后是第二种和最正确的方法。
在标签内部编写 CSS
可以通过 style 属性来连接 CSS：
CSS 教程 - 第 2 课 - 开始使用 CSS。CSS 属性 background、color。
大家好。在上一课中，我创建了两个文件：html 和 css。以下是它们的代码：
index.html：
<html> <head> <title>CSS 教程</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>与 drupalbook.org 一起学习 CSS</p> <p>第 2 行：与 drupalbook.org 一起学习 CSS</p> </body> </html>
style.css：
CSS教程 - 第3课：background-color、font-style、font-weight、text-align、text-decoration、text-transform 属性。
在 HTML 的发展过程中，出现了许多不同的标签。而随着 CSS 的广泛应用，其中一些标签（如 <font>、<b>、<i>、<center>）已经不再推荐使用。我们将在后续课程中继续了解其他“过时”的标签。这些 CSS 属性能帮助你避免在 HTML 中编写冗余代码，将样式逻辑转移到 CSS 文件中。
在上一课中，我们学习了如何添加 CSS 属性以及如何为这些属性选择颜色。本课我们将学习一组常见的样式属性，这些属性你可能在学习 HTML 时已经见过，但那时可能是通过标签实现的。现在我们将使用 CSS 来完成同样的任务，这是更规范、更现代的做法。
Background-color
该属性不仅可以为块级元素设置背景颜色，还可以用于文本或链接。例如：
CSS教程 - 第4课：display 属性。div 与 span 的区别。
在前几课中，我们通过外部文件引入了 CSS，并编写了一些简单的样式来了解其工作方式。本课我们将学习一个非常重要的属性——display。该属性决定了 HTML 标签在页面上的显示方式：它是作为一段内联文本排列，还是作为一个具有独立宽度和高度的块级元素显示。我们先从最基础的开始——默认情况下，不同的标签显示方式不同。例如，<div> 默认显示为块级元素，而 <span> 则作为行内元素显示。我们先来看看文本是如何显示的。创建一段测试文本并用 <span> 标签包裹它。
CSS教程 - 第5课：float 与 clear 属性。元素环绕与清除浮动。
想象一条湍急的山间河流，快速而嘈杂地奔腾着。忽然，一块岩石挡在河流的路径上，水流便绕过这块石头。如果石头位于河流的左侧，水流就会从右侧绕过；如果石头在右侧，水流就会从左侧绕过。CSS 中的 float 属性的工作原理与此非常相似。
CSS float
为了演示 float 和 clear 属性的工作方式，我绘制了以下示意图：
CSS教程 - 结课篇：从 HTML/CSS 到 Drupal
至此，CSS 教程告一段落，但对 CSS 的学习并不会就此结束。接下来，我建议进入实践阶段，继续通过为 Drupal 创建主题的方式深入学习 CSS。我会在互联网上找到一个 PSD 设计稿，并带你一步步将它转换为基于 Zen 主题的 Drupal 主题。
你也可以继续学习 PHP：
此外，Drupal 7 可能已经相对过时，因此你也可以直接开始学习 Drupal 8：
JavaScript课程（教材，自学指南）
JavaScript 是世界上最流行的编程语言之一，虽然随着时间的推移它的地位有所下降，但仍然被许多程序员所学习和使用。
JavaScript 是学习 jQuery 的基础，因此在学习 jQuery（本质上是一个 JavaScript 框架）之前，必须先掌握 JavaScript 的基本知识。
JavaScript 代码直接嵌入在 HTML 页面中，使用 <script></script> 标签：
JavaScript 第1课：变量及其运算
我不会花太多时间去详细描述所有变量类型和运算操作，因为这对我们当前的目标没有必要。我们的主要目标是掌握 JavaScript 的基本语法，以便后续能够学习 jQuery，然后再逐步提升你对 JavaScript 的理解和技能。如果你想系统深入地学习 JavaScript，而不仅仅是使用出色的 JavaScript 框架，那么你可以去找一本更全面的 JavaScript 教程。但如果你的目标是使用 Drupal 构建网站并继续学习 jQuery，那么这门课程正适合你。让我们开始吧！
在本课中，我们将学习什么是变量、为什么需要变量以及如何操作它们。
JavaScript 第2课：条件结构 if
在本课中，我们将学习如何在 JavaScript 中使用条件结构 if。JavaScript 的语法与 PHP 非常相似（两者都基于 C++ 的语法风格），因此你也可以参考以下 PHP 课程中的 if 示例：
作为示例，我们来分析以下 if 语句：
JavaScript 第3课：循环 while 与 for
在本课中，我们将学习 JavaScript 中的循环结构。正如我之前提到的，PHP 的语法与 JavaScript 非常相似，因此你也可以查看 PHP 中的循环示例：
PHP课程 - 第12课 - 循环 while, foreach, for
但需要注意的是，JavaScript 中没有 foreach() 循环，因此我们将在后续课程中使用 jQuery 的 each() 方法来遍历元素。