[音乐播放] ALLISON BUCHHOLTZ-AU： 好吧，大家好。 欢迎回到一节。 因此，我们今天的议程是怎么回事 在更多的Web开发的东西。 我不知道有多少的 你已经看到你的pset 因为它被释放 今天上午早些时候。 我想有多少 人们读了规范， 但看到你是如何把所有 ，如，七小时，看它 这是一个星期一 你可能已经过课， 我将假设 你们中的大多数都没有。 如果你有多余的赞誉。 你基本上帮助 实现一个简单的web 在C中的服务器，这是一个全新的pset， 让你们去是豚鼠。 这将是一个有趣的，疯狂一周， 但我认为这将是一个很大的乐趣 而这将是一个真正的 良好的实际体验。 所以，为您准备 即，在今天部分， 我们要去CHMOD，TCP / IP，并 然后HTML和CSS的一点点。 最后，我们将实际的代码 一个简单的网页在一起 种帮你们弄 更熟悉了。 然后，如果你还没有回升 您的测验，他们在前面， 但我敢肯定每个人都 在这里有自己的测验。 而且关于这一点， 解决方案没有起来， 但只要我们finish--喜欢的 最后几人走了quizzes-- 它们将是向上。 如果您有任何问题 同时， 随时亲自给我发电子邮件。 我将与你的个人回应 问题，因为我总是这样。 所以，关于这一点，文件模式。 所以基本上所有你 需要了解CHMOD 是它用来改变 文件权限，对不对？ 所以它只是某些系统称之为 更改权限，因为它说在这里。 如果你想看看 什么权限的文件有， 而不是仅仅做 LS，你可以做的ls -l。 L代表长。 所以，你会做的长列表 一切，和它 会给你更详细的 每个文件的信息。 你会看到something--我 要跳到一个second-- 但你会看到类似的东西 该顶行有针对每个文件。 我们将经历什么意思。 所以基本上，改 您的文件权限， 你只是想使用chmod。 你可以把它想成其他任何 UNIX致电比如ls或CD或诸如此类的东西。 这只是一种另样的呼叫。 所以，我们做chmod和然后我们将 有三种典型的数字。 有几个方法可以做到 其中之一是，我们就去了。 但通常情况下，你有三个 数字范围从0到每次7。 这么一件事是，有 三种不同的权限 我们可以给每个文件。 和它的可读性，这是 用r表示，这将是有意义 在一点点;瓦特，这是 可写;和可执行文件，它为x。 我知道，电子的，可执行的， 也许不是最合理的，但我们 它表示为x。 然后发生的事情是所有这些 还有数表示。 因此，我们有1个，2个和4个。 基本上发生的事情是 这三个数字 这里对应于一个 不同组的用户 这些权限涉及到。 所以，你能想到的第一个 数对应于实际用户 或文件的所有者，第二 号将对应于该组， 和最后一个指 走向世界，好不好？ 所以会发生什么是记忆 那些numbers-- r为4，w为2， x是1，对不对？ 如果这些总结起来This--， ，让你的第一个数字 我们可能投入在我们的文件模式。 所以在这种情况下，什么 将这个数字是什么？ 这将会是4加2加 1，这是一个7，对不对？ 并且在这种情况下，这些 没有什么， 所以这个就在这里会 翻译和chmod 700，OK？ 什么是做的是它赋予所有 这些权限的用户。 因此，这意味着我们的用户 可以为所欲为。 他们可以读取该文件。 他们可以执行这个文件。 他们可以写入这个文件。 但是，集团与世界，没有 任何权限，OK？ 因此，另一种方式来写，我们可以 做的三位数字的搭配chmod，其中每一个 对应于任何的总和或 具体基团是，特定子集。 或者我们可以真正做另一件事。 坚持，稍等。 我们可以做一些与这些在这里。 你们有多少人看到了一个例子 它就像和chmod加X？ 你有没有看到，在讲座中，我认为？ 因此，一个代表所有。 这意味着它给所有的用户， 我忘了这里。 但加X，如果我们 看到这里，如果我们这样做 以chmod--我们什么组 说起加上权限 我们希望给他们。 所以这可以是一个加号或减号。 Plus增加了许可。 零下带走许可。 非常直观的，我想。 所以加x表示文​​件模式。 因此，改变所有人的权限 如果这是一个A--附加的权限。 和x--这意味着什么权限 我们给予每个人。 读，写或执行？ 听众：执行。 ALLISON BUCHHOLTZ-AU：执行。 所以，我们给所有用户 权限执行此文件，OK？ 因此，如果我们想要做什么 随着数字形式？ 所以，记得数字， 我们希望三个数字。 听众：4。 ALLISON BUCHHOLTZ-AU：那是什么？ 听众：4。 ALLISON BUCHHOLTZ-AU：不是4。 听众：0，0，4。 ALLISON BUCHHOLTZ-AU：嗯，我们要 把它给所有的用户，对不对？ 因此，我们将有 数在每个时隙中。 这将是该 在每个时隙中相同的数字 因为我们只是想给 大家可执行权限。 所以可执行文件是1， 但在正确的轨道。 所以，如果我们没有搭配chmod 111将 是CHMOD加x的等价物。 这是否有意义大家？ 我们将通过 几个例子。 因此，最大的外卖 这里是不是在这里， 但只是意味着把它给所有用户。 u是如果你只是想 给予或带走 从一个特定的权限 用户或所有者。 g是为基， 使中间数字。 然后其他你能想到的 作为世界上的最后一个数字。 所以这样，我们会去一个例子， 因为我觉得自己总是例子 使这些事情变得更容易理解。 所以rwx--我们通过this--去 也可以表示为700。 这就是我们看到的例子 在更多的图片。 所以搭配chmod 444上的某些文件 会给哪些权限？ 你真的很近。 听众：可读所有。 ALLISON BUCHHOLTZ-AU：可读。 所以，读给大家，对不对？ 然后什么是另一种方式来做到这一点？ 如果我们想要做的文件模式与任 的r和W的，加号和减号， 什么是呼叫样子？ 这将是文件模式是什么？ 听众：加河 ALLISON BUCHHOLTZ-AU：5上加河 好了，这是与此相同， 只是两个不同的译本 同样的事情。 所以这样，我们有这些。 所以我想，你们试试，写 这些种在其相反的方向。 所以，用chmod 555， 那会是什么样的？ 会是一个加号或U加或诸如此类的东西？ 为了使u加X，给我的三个数字。 然后告诉我什么权限 我们实际上是给予和谁？ 所以，我给你们2 分上工作了。 随时与对方交谈。 对于那些你们谁进来一点点 晚了，有糖果和衬衫。 我们已经离开了三件衬衫，和 我们有工具阿拉伯茶和星形图案。 所以随意快来抢 一些在这个小插曲。 此外，最后一个是棘手。 这是2 chmods的最后一个。 其实，让我关闭的门 你们正在从事的一段时间。 糖果总是必要的 在星期一的下午。 OK，这样搭配chmod 555。 什么是我们可以写另一种方式？ 任何想法？ 是。 听众：加RX。 ALLISON BUCHHOLTZ-AU：R及RX。 你想解释一下为什么它会被RX？ 听众：因为你 5，所以这是4加1， 这样的阅读加 可执行文件，它的所有。 ALLISON BUCHHOLTZ-AU：对。 所以只是重申，在这里5 我们知道，作为4和1的总和， 因为我们三人中的每个数字是 该子集的权限之和， 对不对？ 任一用户，该 基，或整个世界。 所以在这种情况下，我们知道 5具有由图4和1来形成。 与图4和1对应 可读和可执行。 我们给给大家， 所以我们可以做搭配chmod加RX。 很显然，我们只是去 经过那里的问题， 所以现在这个文件是可执行的 易读给大家。 那么，关于第二个？ 什么可能的一个数字是什么？ 任何想法？ 前进。 听众：100 [听不清]。 ALLISON BUCHHOLTZ-AU：100。 没错。 所以，你要解释为什么100？ 听众：因为这是为 用户，所以它在第一的位置。 然后X可执行文件1。 ALLISON BUCHHOLTZ-AU：没错。 因此，我们给予可执行 权限只是用户。 所以在这种情况下，这将是100。 我知道所有的答案 起来的情况下的下一幻灯片 你写的很多东西下来。 好了，这下一个实际上是做 有两个chmods，你可以做到这一点。 因此，没有人有 任何想法，你怎么可能 获得CHMOD 640改写 在其他的办法吗？ 你可以先再更改用户 您可以更改组是我的暗示。 所以，如果我们只是改变 用户，这是本第1这里 什么可能我们的电话是什么？ 因此，用户为u，对不对？ 因此，文件模式ü加什么？ Mmhmm​​？ 听众：RW。 ALLISON BUCHHOLTZ-AU：RW。 对的，因为读取和写入，因为读 为4，w为2，这些总和在一起，6。 所以我们得到CHMODü加RW， 我们得到我们的第一个6出现。 所以后来拿到4，我们现在要 改变我们的组设置。 所以，我们要做的搭配chmod G PLUS是什么？ 什么是4？ 听众：河 ALLISON BUCHHOLTZ-AU：河 精确。 所以，我们给了老板 读取和写入权限 我们正在给一群读 的权限，这是我们都在这里。 Mmhmm​​？ 听众：如果你能写的东西， 它意味着你可以执行吗？ ALLISON BUCHHOLTZ-AU：你 可以写something-- 我不相信它 意味着你可以执行它。 凉爽。 所以，这一切，我们刚刚经历了。 所以在这下一个，它的 只是一种常见情况 要保持 介意你的问题集。 这些都是典型的权限 我们喜欢您使用。 因此，对于711，给出 当然，我们的用户 所有的权限，这 往往使感。 然后它的可执行文件 集团在世界上，这是有道理的 如果你有一些目录，你 要能够遍历到它。 人们需要访问。 对于任何非PHP文件，你会 使用644，这该怎么办？ 这是什么暗示，或者是什么 它的权限，让？ 因此，车主可怎么办？ 听众：读，写。 ALLISON BUCHHOLTZ-AU：读，写。 然后组和其他 可刚读了吧？ 再搭配chmod 600的任何 你使用PHP文件， 你的老板，再次，可以 读取和写入 但所有人都 刚种挡着。 所以这实际上 更有用的时候 你得到你的问题 将于下周在哪里 你实际上是建立一个网站。 所以，如果你曾经遇到 任何奇怪的问题 它不是装载 正确的，也许你 需要补充的可执行 权限，或者你需要一个读 或写权限。 这往往会绊倒人的小东西 了，但是这有点像去到 你下周开始的PSET时。 我会给你更多 提示本周的pset中， 但我还没有看它，因为 今天早上被释放。 但是，你给我发电子邮件，我会看着 它的时候，我的明天作出回应。 所以，现在，是每个人都很好用chmod？ 任何挥之不去的问题吗？ 很简单。 刚种跟踪什么 读，写和执行数字 可能是最难的部分。 因此，与TCP / IP，所有的这些协议， 有点像你的数据结构 上周，它的更 重要的实物拿到 它们的较高级别的直觉。 这不是CS143我们要去的地方 问你实现一个网络， 所以你会没事的，如果 你不明白 所有协议的细节问题。 什么是重要的，了解是 有点像他们所代表 为什么他们很重要。 这样的TCP / IP，当然，它是 传输控制协定 或因特网协议，它是 基本上是一组基本的法律 或标准告诉数据 应该如何处理， 应该如何打包， 发送和接收。 因此，它基本上，正如它 在这里说，增加了机会 这些数据得到的地方 你想让它去。 我敢肯定，如果你们去 讲座或看过了网上， 他has--我不知道 如果他今年做到了， 但我知道，去年他有一个 演示在那里，他抢的照片 他分割成 4并把它放在信封 并试图得到它跨越桑德斯。 你可以种 认为这样的说法。 这只是一组规则 告诉数据如何得到某个地方 并让你知道，如果 你缺少数据， 以同样的方式，如果是 以多页的笔记 你中有104页，页面标记它们 204，你回去以后学习 和你缺少something-- 你找不到页面304--你知道 什么是错的，所以你 可以浏览你的笔记 又或者问别人重新发送您 讲座中指出，从那天。 以同样的方式与在互联网上的数据。 如果我要求 一些服务器的东西 而且它需要发送 它在多个数据包， 大概要数 它以某种方式，让 我知道多少，我应该已经收到， 并告诉我，哦，这是10个1 或者，这是10000 1。 当我去重新组合这种方式 所有的拼在一起， 我知道，如果有什么地方遗漏 我可以再问了点。 这是否有道理？ 只是一组规则。 在它的基础上，设定规则，OK？ 因此，我们也谈了 有关端口的一点。 这其实只是一个标准， 让你知道什么类型的数据 在这些数据包被发送。 如果我们与我们的 信封例子，我们不 知道它是一个图片 罗布在那里，除非我们把它写 在我们的包络线的外侧。 因此，港口基本上是同样的事情。 这只是一种方法来找出 数据的类型被发送。 因此，我们有所有的 最常见的位置。 所以21--这也是一种 像好东西就知道了。 它是一种容易竞猜的问题。 像，什么端口80呢？ 或者说，什么端口443做什么？ 这么好的东西就知道了。 所以，我们在这里，21档 传输协议，所以只是 用于管理文件传输的规则。 25，什么是我们所有 使用太多，就是电子邮件。 53是域名 系统，该系统基本上是 只是那种查找的的 一个域名的IP地址。 所以我敢肯定这是 在演讲中提到，如果你 去像 google.com，它具有一个IP地址 ，它将与它相关联。 它实际上不是google.com。 等53是端口 这其实需要 保健样的翻译它的 到你的IP地址。 然后80和443都是很常见的。 要么你有你的网页或 你有你的安全网页， 其中大量的网页是 传送过来了。 所以这是一种高层次 概述传输协议。 我看不出在深入得多。 这是一种很酷的东西 如果你有兴趣。 有丰富的资源。 维基百科其实是 一个不错的页面。 所以，我一直在寻找它 只是一小会儿前， 所以我会强烈建议 看着它，如果你有兴趣 或乘坐143在两年内，因为 我认为这是每隔一年。 因此，在今年年底，我们 谈到网页和HTTP， 这实际上是我们的下一个主题 在今天之前，我们进入的HTML和CSS 而实际上你可以编写一个网页。 这会很有趣。 我们将有图片 兔子，这将是巨大的。 所以HTTP，你可以在这里看到， 是可爱的缩写词之一 本周，这是 超文本传输​​协议。 如此反复，这只是 另一套规则， 治超 传送，在这种情况下。 所以，最好的学习方法 这个是正中下怀 打破它分解成 这些单个的单词 因为有很多 也就是说在屏幕上出现。 因此，我们要开始与超文本。 因此，“超”，你能想到的 “上面，”像超式的东西。 所以，它真的只是文本带到了 一个新的水平，所以它像超文本， 就像下一个文本。 因此，它基本上只是 文字给我们 比的更多信息 普通的文本呢，好不好？ 因此，在这里这种情况下，这是超文本。 这告诉我们，我们有 一些链接，我们要去， 这是cs50.net，这 现在cs50.harvard.edu。 这些幻灯片是一个小老头。 而且它会显示 作为此，作为一个超链接， 再一个很酷的网站。 所以它的文字，它是一个小 真正酷的东西在里面一点。 所以，你可以联系的东西，你可以 插入图片，你可以风格的东西。 而最熟悉的东西，你 男人可能有超 是超文本标记语言，HTML， 当然，这是所有网页的 我们看到我们身边，授 与抛出一些CSS样式。 但如果有人是 真正的大与MySpace， 我敢肯定，你使用的所有HTML 所有的时间来打造 这些完美的轮廓，对不对？ 我觉得这可能是一个 引用过时了，但不管。 就在little--你们 是不是年轻了许多。 你们当中有些人比我大。 MySpace的仍然是一个 的事情时，我还年轻。 我没那么老。 不管怎么说，HTML超文本的一种形式。 因此，超文本仅仅是 文字添加功能。 这样的传输协议可能是 更玄乎的东西来解释。 显然，transfer-- 只是传输数据。 因此，无论是客户端之间，像 您的Web哥哥和一个服务器。 所以基本上只 这样的网络作品。 这样的准确请求 如何将这些工作中，我们 实际上要去看看的 例如请求和响应。 但是，我们如何要求 从一服务器的信息 如何在服务器响应给我们的是 这是什么传输协议管辖。 这样的请求和响应有 遵循这些特定的规则。 它是标准化的，因此，不管 在那里你正在使用的网络连接， 它总是以同样的好不好？ 再次，协议设定的规则。 这只是一个正常的 以同样的方式相互作用 这马兰教授谈 如果有人伸出自己的手， 你知道，这是常见的礼貌 达到你出去和他们握手。 这是一个协议，对不对？ 所以我给了一些标准化的要求， 这是我想握你的手， 你提供一些标准化 对此，它或者是不，谢谢 或者你可以尝试动摇我 一方面也许你会尝试 和拳头撞了我。 而我们没有一个协议为该。 它打破了。 但是，如果每个人都遵循 当然，相同的协议， 它会更加完美。 人们去了解对方。 每个人的快乐。 所以在网络世界中， 每个人都遵循相同的rules-- 不是社会标准略胜一筹。 但是，我们来看看 在这里举例的请求。 因此，有这个小 这里的关键在底部 告诉你不同的颜色， 他们是怎么认为的意思。 所以白就像你的方法 要求和协议version-- 这样的方法要求，版本。 然后这是一些 字段名称和值 这一领域中，我们将 进入非常，非常短。 因此，这是一个例子请求。 这就像我伸出， 想介绍一下我自己。 这是在客户端 或者你的网络浏览器 将被发送到服务器。 因此，这是一个GET请求，所以它的 要求从服务器的东西。 和它的，当然，HTTP的 而它的1.1版本。 所以这个位置的其他部分就是我们所说的 头，它的额外信息 这给了我们一个更好的主意 我们实际上是在要求， 或者说我们想要的信息给 这可能是相关的服务器。 因此，用户代理提供了一些更 说明on--例如，在这里， 卷曲/ 7.24.0实际上是要告诉 我们使用谷歌服务器 铬作为我们的浏览器。 所以，如果你听过 关于人谁说话 有关使一个应用程序响应 多个浏览器， 这是后话，他们 如果你会因为使用 不知道是什么浏览器 该请求是从哪里来的， 你无法将数据调整到这一点。 所以在这种情况下，用户 只是给这种 的识别信息 什么浏览器 您的用户目前正在使用，好不好？ 这样的话，我们也有许多，这是 其中，我们实际上想要去。 在这种情况下，我们想要去 apple.com，买一些很酷的新的iPad 什么的，也许可爱 灯光在我们的宿舍里。 并在最后的名字值只是 填充物，只是一个普通的事 为你们看到的。 它实际上并不 对应于什么位置。 所以，你可以有尽可能多或尽可能 只要你想在每一种情况下很少。 大多数时候，这些都是可选的。 这只是取决于什么 您的浏览器需要， 从以用户为 给予适当的请求。 或者，它取决于你的用户 实际想放弃给服务器。 所以，你可能有很多很多 这些报头字段名 或者你可能只是有一对夫妇。 由于有这么多的事情 我说在本节中， 这真的取决于上下文 你正在使用这个方式。 这是否有道理给大家？ 这只是一个例子 的请求，报头，诸如此类的东西。 好了，就这样，我们有一些反应。 再次，我们有我们的状态代码，协议 版本，然后字段名和字段 重视一如既往。 因此，我们的协议版本 而我们的状态码为200。 行，这意味着， 是的，一切都很顺利。 这里就是你想要的。 服务器类型，内容 类型 - 它告诉我们，OK，你 会得到一些文本的HTML。 下面是它的长度和这里的 你应该做的连接。 OK，如此反复，这取决于 在你的数据 要求，这取决于在 服务器要返回给你， 你可能有更多这样的领域 名字，你可能有少。 完全依赖于上下文的。 而据该状态 当然，这里的代码， 200是不是唯一的一个 你可以有，对不对？ 我们有很多的状态代码。 有谁还记得任何的 别人认为我们在课堂上提到的？ 很多人开始4。 听众：404。 ALLISON BUCHHOLTZ-AU：404，这是？ 听众：找不到文件？ ALLISON BUCHHOLTZ-AU：未找到文件。 没错。 那么，关于403？ 听众：故宫。 ALLISON BUCHHOLTZ-AU：紫禁城。 所以，你有什么感想 这意味着与chmods？ 听众：这意味着你 没有权限读取它。 ALLISON BUCHHOLTZ-AU：没错。 在某种程度上，你不必 权限来访问它，对不对？ 所以，404，403。 有一个非常有趣的 一个我们永远 每年推出的 我应该把在这里， 就像413，这是我一个茶壶。 你可以google一下。 这很有趣，那就是代码 413和它的我是一个茶壶。 我不知道你为什么会 在任何时候需要在互联网上， 但我离题。 听众：也许你是一个茶壶。 ALLISON BUCHHOLTZ-AU：也许 该服务器是一个茶壶。 谁知道？ 好吧，那么我们将要 过渡到真正的编码。 我觉得你们要 离开这里很快。 听众：为什么这 说“服务器：两次？ ALLISON BUCHHOLTZ-AU：嗯？ 服务器的两倍？ 这是一个很好的问题。 我不知道。 我会找出来， 我会向您发送电子邮件所有。 OK，除此之外没有其它问题？ 好不好？ 凉爽。 HTML和CSS，而现在我们 让所有的有趣的部分。 因此，正如我前面提到的，HTML 大概的事情之一 你们是最熟悉的。 因此，我们有超文本标记语言。 最好的方式来学习this--我不 有准备的幻灯片或任何 为你们使用HTML。 这的的确确是学习语法。 如果你在MySpace上 一天，你会下来。 因此，其实，最重要的事情是 只是练习和实验。 一个伟大的资源，我会 强烈推荐使用的W3Schools的。 因此，只要W，3，然后学校。 他们有很多的 在HTML资源，对CSS， 自己却是一个 分屏之类的事情 在那里，他们会给你的示例代码。 你可以用它拨弄， 改变它，并按下更新， 它会告诉你什么 实际上做的网页。 所以，我强烈建议使用。 这实在是太酷了。 你不会得到赛格故障 在这里，当事情出错。 如果你成功地获得 一个赛格故障使用HTML， 不要让我知道，因为我 将要真正的兴趣。 但它真的很酷，因为 你可以改变的事情， 你可以看到他们的现场更新。 我想你会得到一个更 更直观地掌握HTML的 如果你真的只花了一些 时间用它进行试验。 所以这就是为什么我说， 实践和实验。 谷歌，从这里开始 出，可能会 您的一个最好的资源和朋友。 或Bing--我的工作在微软， 所以也许我应该说兵。 但是，相当多的东西 只是要成为语法， 因此，了解什么样的标签， understanding--至少与CSS-- 如何改变某些属性。 这将是非常有用的。 因此，即使我们不这样做 有任何准备的东西， 我们确实有那种的一些最佳实践 我们希望你们尝试和遵守 by--或者说，你应该 遵守，直至另行通知。 因此，关闭所有标签。 希望大家has--你知道吗， 如果这没有任何意义，现在， 我保证它才有意义 当我们正在编码的页面。 但是，关闭所有标签。 因此，如果你曾经有一些 报头的支架， H1，支架，确保 每当你做完这些， 您关闭这个头。 验证与W3验证页面。 如果你不关闭你的标签， 你可以得到意外的行为。 它会说你的网页是无效的 如果您通过此验证程序运行。 因此，当在doubt--，尤其是 在本周的和下周的 pset--在我们要求以同样的方式 您可以使用检查50​​和50的风格， 你可以认为这 为您的检查之一，好不好？ 因此，如果它没有通过W3验证。 这是我们将停靠你。 或者，我告诉你正确的 现在，我将停靠你。 所以一定要确保它验证。 它并不难。 你刚才粘贴在你的代码 它会要么说好工作 或者你错过 一些以同样的方式 这种风格50告诉你 在那里你搞乱了。 然后最后一件事 是你要分开 您的标记，这是所有HTML 或者你的文字和你的造型。 所以，我们要做的一个例子 之后这是正确的。 因此，HTML和CSS应该是分开的。 而我们将要谈论 MVC，这是模型视图控制器， 下周。 你们或许应该 了解，在讲座 明天如果你有 现在已经学会了。 而且这只是一种 我们倾向于范例 创建网站时使用 页面分离出来的东西。 你可以把它以同样的方式 我们倾向于在C分离功能 我们哈希找东西。 这只是一种方式 让您的生活更轻松。 它分离出来的属性或代码， 你会用一遍又一遍， 但在这种方式中，一种 对保持其漂亮和整洁。 如果你想改变 有一件事，你一旦改变它 和它的其他地方改变了。 所以，它更您 缓解和灵活性。 因此，与CSS，这是非常相似的 为HTML格式的，而是标签 我刚才提到，我们 用什么叫做选择。 他们基本上只是一种 关联的特定标签 在HTML中具有不同的属性。 当我说的属性，我的意思是 之类的东西字体颜色，字体样式， 背景的颜色， 你的文字的颜色。 这些各种各样的事情。 如果它像为中心， 如果是关闭的权利， 如果是inverted--所有 这些很酷的事情。 任何风格的东西 你做你的文字， 这就是我的意思是带属性。 然后两个主要的事情知道的是， selectors--两个主要factors--的 有ID，这是独一无二的。 您只能使用一件事。 否则，它会冲你大吼大叫。 而当我们把它定义 在一个CSS文件，它会 是散列ID，然后 我们想要的属性。 我保证我们将 经过一个例子。 这会让很多更有意义。 类可以指多个块。 所以，你可以有你的 第一和第三段 具有相同的排序，如果属性 您将它们与同一类关联。 而当我们将它们定义 在CSS中，我们做了点类， 与class是什么 你希望它被命名。 所以，我知道这是正确的 现在很抽象。 这就是为什么我们要的代码。 我知道你们爱 这一点，大家都 要帮我，因为 这是您的网页。 这是我们部分的网页，伙计们。 所以，在我之前有没有问题 关闭PowerPoint或任何东西 你要我向后滚动 之前我们开始编码？ 听众：当你说比赛的标签， 你的意思是选择或标记？ ALLISON BUCHHOLTZ-AU：你可以 认为它们是一回事。 这只是不同的单词。 我的意思是，像选择。 但选择也映射到标签。 所以，你可以把它们想象成 有效的同样的事情。 我保证这将使得 当我们的代码更感。 任何从 PowerPoint中的任何问题或 现在其实我们之前 创建我们的部分的页面？ 大家都准备好了吗？ 凉爽。 所以，我有一个开始。 让我增加字体为你们。 好了，现在，我们只是有一个 光秃秃的骨头网页就在这里。 我们有一些HTML。 我们有一些标题，这是我们 在这里看到为例网页。 一些标题，一些字体。 这些都是标签，好不好？ 所以，当我的意思是关闭的标签，我们可以看到 在这里头支架是你开 标签，而这个支架 /头关闭它，好不好？ 所以，你可以认为这是 在你的情况，如果你的牙套 或者你的循环。 如果有开头， 你想要一个在末端。 它仍然可以工作的大部分时间 如果你没有一个封闭的标签， 但最好的做法是关闭的标签。 所以在这种情况下，让我们来改变这种情况。 我们将有第7。 “部分网页。” 所以，我只是要改变这一点。 如果我们去了这里，我们 reload--得保存和reload-- 我们在这里看到，高达 它改变了，对不对？ 凉爽。 因此，这将标题。 这是你的卡上的任何的。 因此，这是一种 找那种无聊的。 我不知道的家伙。 我认为我们想别的东西在这里。 所以，我们可以做的是 包头就是那里。 让我们做一些身体。 因此，我们在这里有一些身体。 我总是这样开放， 关闭我的标签开始， 以同样的方式，我做的牙套。 啊。 等等，什么？ 听众：[听不清]。 ALLISON BUCHHOLTZ-AU：嗯。 你们收到了吗？ 好工作。 金名将。 好了，我们有一些身体在这里。 现在，让我们开始添加一些文字。 所以，你有几个不同的 选择添加文本。 我们喜欢的东西头。 我们只是普通的文本。 所以，就让我们先从一个头。 其实，如果你们想 拉起W3学校的HTML， 有种你可以看看周围 如果有什么事， 尤其是你想尝试 这个网页，我们可以做到这一点。 因此，在这种情况下，我们只是做一些H1。 所以H1就像是最高的头。 它会给你的东西 这是非常大的，大胆的。 在这种情况下，什么做我们想要 对我们的网页第一个文本？ 任何事情。 你们将要创建此。 我只是打字。 听众：欢迎。 ALLISON BUCHHOLTZ-AU：欢迎。 好了，如果我们将它保存和我们刷新， 我们有一个伟大的热烈欢迎。 因此，只要这样你就可以看到 差异，让我们做一些事情上H6。 我们究竟要在这里？ 对不对？ 好了，只是让你可以 看到的差别。 是的，崇高。 所以，如果你发现，H1，非常，非常大的。 H6一样大胆，但要小得多， 你有之间的一切。 所以，你可以有H2，H3，H4。 而这些都只是头， 所以，如果你想 创建一个网页， 有不同的部分， 也许你想使用 头在那里的某个地方。 凉爽。 因此，我们将添加一些更多 事情在我们身上。 我认为，这将是一种 如果我们有一个很酷的图片。 我觉得每个人都可以使用的可能 一个可爱的小兔子图片一下吧， 所以我们要找到 兔子图片第一。 我不知道你们有什么 喜好哪一个我们想要的。 你有什么偏好？ 这一个在这里？ 下来。 行。 一个是。 不错的选择。 好了，我们要查看我们的形象。 你看那个。 看看那个可爱的东西。 你怎么能难过 在周一与此？ 所以我们只是去 复制图片网址。 我们想要做的是，让我们只 说我们有一些P的段落。 我们会说：“你看 看着可爱的小兔子。 D'awwww。“ 我爱我的小兔子。 我有一只小兔子在家里。 我想念我的小兔子。 所以，我们要do--什么 我不知道，如果你们想 谷歌this--但随着HTML， 怎么可能，你有一个形象？ 从字面上看，如果谷歌 “包括像HTML” 为什么你们不告诉我 这是什么标签应该是什么？ 听众：IMG source-- ALLISON BUCHHOLTZ-AU：IMG source-- 听众：--equals-- ALLISON BUCHHOLTZ-AU：--equals-- 听众：--quote--啊。 ALLISON BUCHHOLTZ-AU：完美。 可爱的。 见，MySpace的一代，对吧？ 听众：尼奥。 ALLISON BUCHHOLTZ-AU：尼奥。 哦，好吧。 哇。 它已经疯了。 行。 所以一定要确保我得到这个权利。 凉爽。 所以这应该是在这里。 然后如果我们刷新，我们有我们的 兔子在页面上这不是很可爱吗？ 这是太可爱了。 你选择了一个伟大的，伟大的照片。 我挖了。 好了，我们有这个可爱的小兔子了。 我们能够添加 形象，就这样。 所以基本上，如果有任何影像 要添加到您的网页， 您可以添加它，就像这样。 另一件事是，如果 你的图像存储 在同一文件夹中 这个文件，你可以 写图​​像的任何名称 是不是有一个网页链接。 它仍然是在引号中。 它也只是象 如果我们有一个名为this-- 如果这幅画已被保存 这个HTML文件的文件夹中 我正在编辑并 被称为bunny.jpg。 我们也可以这样做 它会显示出来。 不过，我没有这个保存 的文件，我想保持小兔子， 所以我们要保持联系。 听众：什么是rabbit.org？ ALLISON BUCHHOLTZ-AU：rabbit.org。 这是一个appropriate-- 看，你可以采纳。 收养。 bunny.jpg。 我想收养这个小兔子。 哦，上帝，它是如此的可爱。 好了，我们增加了头。 我们增加了一个图片。 很显然，我们增加 这里的一些文字，对不对？ 如果我们想要添加其他 文本，我们会是这样的。 因此，这是另一个段落。 我们说：“这是另一段。” 另外，我是一个可怕的拼写， 所以我可能拼错的事情。 仅供参考。 因此，我们有另一种 在这里段落，对不对？ 因此，也许你想要做的事 不只是一点点更有趣 把所有的文字，像右对齐。 也许你要居中的文字，好不好？ 因此，如果有人想利用这些 在你面前得心应手电脑 并告诉我你是怎么 要围绕这个文本， 听众：对对齐。 ALLISON BUCHHOLTZ-AU：那么 P对齐等于“中心”。 他杀死它，伙计们。 你们都需要加强。 此外，我们还有“这是中心。” 现在我们有一些居中。 以同样的方式，如果 希望它左对齐， 你可以这样做等于对齐 左，对齐等于正确。 完全取决于你。 如果我没有在这里，那么这 should--现在它的右对齐。 听众：佳佳？ 通过图像源，为什么不 有接近IMG源？ ALLISON BUCHHOLTZ-AU：对不起。 这应该是 还有现在你是好。 现在，我们是很好的。 听众：你不有 关闭它在那里，还是不？ ALLISON BUCHHOLTZ-AU：嗯，所以IMG 源，这个人是just--与形象， 它只是被视为一个元素，而 如果你注意到了这些剩下的， 我们有一些标签，然后信息 它涉及到，然后关闭标签。 但随着图像，一切都 只是有点自成一体。 凉爽。 所以，你们知道如何创建一个 头，你知道如何输入文本， 你知道如何把一个图像 在现在，你可以调整的东西。 另一件事，你 可能希望能够做 是在创建一个列表CS--我们 种进入下周的PSET。 的东西，我们 这一周通常教 去真的很好用 下周的PSET，所以我们 一种混合，在这里重叠的东西。 不过，这将是下周有用。 因此，如果我们想创造一些 列表中，怎么可能我们做到这一点？ 你不能回答这个问题时。 别人有。 它并不难，伙计们，答应。 谷歌“无序列表的HTML。” 那是什么？ 听众：[听不清]。 ALLISON BUCHHOLTZ-AU：对。 所以我们想有序或无序？ 让我们做一个无序。 因此，我们有一些UL，其中 代表无序列表。 和我们有什么对每个元素？ 是否需要自己的标签？ 我们可以开始写东西呢？ 听众：李。 ALLISON BUCHHOLTZ-AU：李。 那么，什么是我们的名单将是？ 我们究竟想在这里？ 我们只是做名字。 只是做雅各布。 听众：兔子的食物。 ALLISON BUCHHOLTZ-AU：兔子的食物。 好吧，我喜欢这个。 兔子的食物。 好了，我们有胡萝卜。 我喜欢这个兔子的主题。 我挖了很多。 听众：其实，我觉得 雅各将是合法的。 ALLISON BUCHHOLTZ-AU：雅各布？ 雅各布是兔子的食物。 如果你看到了雅各布的 从照片办公时间， 你可能会以为自己听错 一个杀手兔的攻击。 观众：我有一只兔子了。 我有一个杀手兔子了。 ALLISON BUCHHOLTZ-AU： 你在开玩笑吧？ 观众：我会带它下一节。 我有它。 ALLISON BUCHHOLTZ-AU： 这是荒谬的。 无论如何。 听众：[听不清] 听众：是啊，我的监考官 有一只兔子为好。 ALLISON BUCHHOLTZ-AU：我要一只兔子。 OK，谁带来了真正的兔子 在下一部分中，总的印象分。 听众：[听不清] 听众：哦，这不是真实的。 这是一个毛绒兔子。 ALLISON BUCHHOLTZ-AU：呵呵 是的，我们可以关闭这些。 看起来弧度。 听众：其实是否重要？ ALLISON BUCHHOLTZ-AU：它没有。 与大多数的这些东西， 你不关闭的标签， 99％的时间没有什么不好是怎么回事 发生的，但它是良好的作风了。 于是雅各。 此外，我们还有生菜。 顾客：链接， 这真的很重要。 ALLISON BUCHHOLTZ-AU：嗯？ 顾客：超链接。 ALLISON BUCHHOLTZ-AU：超链接。 是的，超链接需要它。 OK，让我们在这里看到。 和我们有密切的我们的名单中。 我们期待在那。 我们all--雅各，就在那里。 兔子的食物。 提醒Bunnicula我。 听众：[听不清] ALLISON BUCHHOLTZ-AU：我带回 今天所有的老同学参考， 是不是我？ 只是所有的老同学参考。 应该把像 Gogurts什么小吃。 听众：还是Gushers。 ALLISON BUCHHOLTZ-AU：哦。 行。 我去看看我能跟踪 下Gushers下周。 我想我能做到这一点。 我想我们可能有 一些在办公室里。 好了，我们已经介绍了很多不同的 东西，你可以用HTML做的，对不对？ 正如你也许可以看到，它的 nothing--希望，不要太intim-- 如果是，我的意思不是 贬低任何人。 如果您遇到问题， 请你跟我说话。 但大部分只是 看语法，对不对？ 如果你想要一个无序列表， 如果你想要某种名单， 如果要对齐或东西 形式的东西，它是所有关于刚 那种仰视 语法HTML，对不对？ 还有一件事是 其实很酷 就是如果你去to--让我们来看看， 什么是一个不错的网站，我们喜欢？ 任何人有任何喜爱的网站 这都OK，弹出在线？ 你知道吗，我们只是做CS50。 这是很好的，安全的，对吗？ 好了，CS50在这里。 哦，你看，有一个部分现在。 如果你喜欢的方式，它的外观。 听众：[听不清]。 ALLISON BUCHHOLTZ-AU：我们不是 要做的事情元部分，伙计们。 它没有发生。 这将是很酷，但 我们不打算这样做。 那么，你可以 做，如果你喜欢的方式 这个作品是你能永远是对的 点击你喜欢的任何网页 你可以做的查看页面源代码。 它将使所有的HTML。 其实这是一个非常好的 这样的风格你自己的网页。 转到一个网页，你 真的很喜欢并期待在HTML 并弄清楚他们是如何做到的。 和字面上看，只要 你举的事情， 只要你不只是 从人偷，它的确定。 尤其是对CS50 [？理财？]，我们 那种期待您获得 灵感来自于其他网站。 所以随意。 浏览网站 你认为是真的很漂亮 并弄清楚他们如何使用 HTML和CSS做这些事情。 所以，当你看到这里，有明显的 类似的联系，我们有一个类在这里。 我们这里有一个链接。 我们有一个列表。 我们可能有一些 在这里的某个地方的照片。 现在我们得到了一些冷静的风格。 这是未来的事情 我们要做的。 所以，风格，当你看到这些 风格括号，这是基本的CSS。 奔，你们有问题吗？ 听众：什么是DIV？ ALLISON BUCHHOLTZ-AU：DIV 只是A--什么格？ 听众：事业部。 ALLISON BUCHHOLTZ-AU：司。 是啊，它就像 分离不同的元件。 好了，这里就是我们 要进入下一个。 所以这可能不是最佳的 ，风格，因为如果你发现 我们有HTML和风格，在同一页上， 而我们真正想要分开的， 行？ 而实际上，让我 打开我的正确的 因为这被认为是 PDF格式，所以我们的style.css。 所以，我们可以在这里做的就是这些 是很酷的事情好像有些褪色 我们可以尝试这样做，但我觉得 就像我会陷入困境，截至上飞， 所以我鼓励你们到 去试试自己找， 但我不会把事情做对了。 所以，如果你们这些家伙，记住， 如果你打的问题集， 事情从侧面猛扑。 它必须做的褪色和 过渡和诸如此类的东西。 听众：这就是所有的CSS和HTML？ ALLISON BUCHHOLTZ-AU：所有的CSS和HTML。 是啊。 所以，你可以做很多真正的 凉的东西用CSS和HTML。 因此，我们的真棒 这里的兔子网页，我们 打算做一点 CSS样式与它的位。 因此，如果你曾经有一番风情 表，我们这里有， 你可以打电话的style.css。 任何你想要的，你可以调用它。 最重要的是，我们要去 引用它在我们的web.html这里。 所以，我们要做的是什么 we--所以我不惹这个up-- 我们要链接 这两个文件一起。 因此，在相同的方式 - 我要去 打个比喻为C这里。 以同样的方式，如果你有 一些library--我们有cs50.h-- 我们的编译器链接吧。 这仅仅是一个明确的 联系我方。 所以在同样的方式，我们做 哈希包括一些文件，有什么 我要写的只是 HTML / CSS等效的那个。 我们只是说，好吧，这个网页 将使用这个样式表，好不好？ 因此，我们有链接REL等于样式表。 然后我们有型，CSS。 然后HREF等于。 行。 因此，所有在这里所做的是你可以 认为这是同样的事情 作为散列包括。 显然，它看起来多了几分 复杂，但在所有情况下， 它是有效的同样的事情。 所以这是一个只是一些链接 样式表，它的类型是text / CSS的， 和它的名字是style.css文件。 什么是重要的是知道 是该网页 我正在工作的权利now-- web.html 和style.css--在同一个文件夹中。 因为在不同的文件夹， 你需要给实际的根 它或它的路径。 但是，在这种情况下，我们保持它 超级简单，它会到这里来。 因此，如果我们做到这一点，我有一些 事情已经排队在这里。 因此，我们有一些身体，这是怎么回事 有我们的背景色，这 现在的问题是淡蓝色的。 我们可以改变它，如果我们想要的，但 如果我没有记错这一点， 它应该只是将其更改为淡蓝色。 现在我们有一个淡蓝色背景。 我们不得不这里 - 任何人都可以记住 哪一个是散列ID或类？ 听众：ID。 ALLISON BUCHHOLTZ-AU：ID。 凉爽。 所以我们想要做的 是这些字体 或which--做我们想要的“看看 可爱的兔子“是紫色的？ 我认为，我们想要的是紫色的。 我跟那个是紫色的漂亮了。 所以你要做的就是你 在此情况下的ID equals-- 我说，什么，漂亮的颜色在这里。 我们重装。 突然，它的紫色。 OK，所以用ID，记住 它必须是唯一的， 所以我也不会用 这个ID在其他地方。 但随着类，因为我们有 这里有一个漂亮的字体， 我应该能够使用 无论我想。 因此，让我们在这里做这件事。 所以我们可以说类的equals漂亮的字体。 如果我们现在看，我们有 这个很酷很此处字体。 所以，也许我想两者都做。 好吧，其实我不知道这是不是 去上班，但我想尝试一下。 这是你如何学习CSS和HTML。 你喜欢，你知道 是什么，我想试试这个。 我不知道它是否去上班。 让我们来看看它的工作原理。 而且看那个。 现在是紫色和 这是一个非常字体。 好了，你把所有这些 不同的事情可以做。 你有问题吗？ 听众：是的。 好吧，只是喜欢的颜色 你用的词。 有没有办法做到色彩 用十六进制RGB？ ALLISON BUCHHOLTZ-AU：你也可以 这样做有十六进制，我相信。 是啊。 但它是一种很好的，如果你 不想看他们。 你可以像紫色或蓝色。 听众：我们希望他们 知道这意味着什么。 ALLISON BUCHHOLTZ-AU：对。 因此，让我们使这个读或黄绿色。 为什么你会永远选择黄绿色？ 这是一个有趣的色彩。 OK，所以很明显，我们可以看到我们 可以改变的事情但是我们想要的。 如果你想create--让我们说 我们要创建另一个类。 什么可能你们想改变？ 如果你拉起W3Schools的 CSS文件， 我离开地板你们。 我们可以尝试做一些很酷的东西用 这在近一分钟。 样的，因为我已经给你一个 在很多很酷的事情速成班 你可以做。 但最后，正如我所说，如果你 刚才的实验中，你会学到很多东西。 听众：你有没有抬头的字体？ ALLISON BUCHHOLTZ-AU：是啊， 我抬起头的字体。 所以像字面上看，我 去了to--我做了什么？ 我做了CSS字体列表， 然后我做的字体栈， 然后我当时想，你看，这里 都是很酷的字体，你可以做。 并有这一项，所以 我复制到我的剪贴板。 然后，我很喜欢， OK，性凉，有我们走。 全部完成。 听众：所以你必须确保 该CSS知道是什么字体。 ALLISON BUCHHOLTZ-AU：是的。 听众：什么是它在最后说什么？ 草书？ ALLISON BUCHHOLTZ-AU：行草。 是啊。 听众：背景图片。 ALLISON BUCHHOLTZ-AU：背景图片。 行。 所以，你要告诉我如何做到这一点。 我离开这个给你。 我只是打字了这里。 该轮是在你的手中。 听众：OK ALLISON BUCHHOLTZ-AU：OK。 我在做什么？ 听众：Doing--我知道 谈到在大括号之后。 ALLISON BUCHHOLTZ-AU：OK。 所以大概在身，我 会承担，因为我们 这样的背景图像。 听众：是啊，让我们做到这一点。 ALLISON BUCHHOLTZ-AU：OK。 听众：好了，背景 冒号，然后我们 需要一个图像的URL地址。 也许伪代码，就目前而言，也许吧。 ALLISON BUCHHOLTZ-AU：是什么 你想我to-- 听众：我想就像一个GIF。 ALLISON BUCHHOLTZ-AU：一个GIF？ 这将是有趣的。 OK，我在谷歌上搜索吗？ 听众：不，那是你的选择。 ALLISON BUCHHOLTZ-AU：为什么 如果它是一个兔子不we--， 我觉得我们应该有一个 漂亮的草地草坪什么的。 听众：草甸。 草地。 ALLISON BUCHHOLTZ-AU：草地？ 行。 听众：还是雷切尔·玛多。 ALLISON BUCHHOLTZ-AU： 这个看起来很漂亮。 哦，那是微小的，但。 我们需要一个良好的尺寸的图像。 让我们来看看。 哦，你看。 这是一个相当草甸。 你知道吗，我喜欢这一个。 让我们复制这一个。 听众：OK，所以我认为这是 网址，打开括号。 ALLISON BUCHHOLTZ-AU：OK，网址。 听众：那地址。 ALLISON BUCHHOLTZ-AU：OK。 那是我们所需要的？ 听众：关闭括号分号， 然后空格，连字符背景 附件结肠固定，大括号。 ALLISON BUCHHOLTZ-AU：OK。 让我们看看是否能工程。 这将是，如果它确实很酷。 我真高兴在这里。 它没有工作。 我不知道为什么。 听众：也许网址 必须在报价单。 ALLISON BUCHHOLTZ-AU：也许吧。 这就是我们如何学习，伙计们。 听众：我们能有背景 颜色和背景图片？ 听众：没有。 一个取代另一个。 ALLISON BUCHHOLTZ-AU：我不知道。 让我们来看看。 让我们来看看，看看。 听众：哦，也许，是的。 [插VOICES] ALLISON BUCHHOLTZ-AU：OK，这是 obviously--我[听不清]在这里。 这样就OK了。 听众：背景附件。 ALLISON BUCHHOLTZ-AU：嗯。 听众：OK，我不知道。 ALLISON BUCHHOLTZ-AU：它 看起来像它应该工作。 你确定这是结肠癌的网址呢？ 听众：没有，它的分号。 ALLISON BUCHHOLTZ-AU：这是分号。 听众：我说了结肠？ ALLISON BUCHHOLTZ-AU：你说一个冒号。 听众：哦，不。 ALLISON BUCHHOLTZ-AU：你去那里。 听众：哦，等等，现在 我们看不懂的文字。 ALLISON BUCHHOLTZ-AU：现在 你看不懂的文字， 但我们的背景图像。 Mmhmm​​？ 听众：请问HTML 支持动态内容？ 喜欢，你可以调整大小的图片 根据窗口大小， 或者是，一个CSS-- ALLISON BUCHHOLTZ-AU： 所以，CSS有做到这一点。 所以，如果你们有兴趣 在学习先进的CSS， 我合作教 研讨会CSS 7日。 我保证它会 要深入得多 和做更多很酷 事情本节。 和我合作的老师就好 总前端Web开发高手。 因此，这将是，如果你想很酷 要了解所有的很酷的事情 该CSS可以做。 但是，我们这里有 他的背景附件 fixed--所以它的一些固定size-- 但实际上你可以dynamically-- 如果你曾经看到的网页，如 最拿手的网页会做， 当你调整 您的浏览器的大小， 它调整的背景下，有多少 是显示或重新格式化的东西，对吧？ 所以，这就是我们所说的 相对定位。 和CSS实际上可以抢有多大你 浏览器宽度或多高是， 你可以放置东西 根据相对尺寸 与绝对大小。 而这显然是更先进 CSS，但这是你可以做的。 如果您想了解 更多的，来我的研讨会。 所以这是你可以做的。 和CSS实际上可以 do-- CSS和JavaScript， 我们将进入下一week-- 可以让你动态修改 无需页 重装他们所有的时间。 你可以做一些 很酷的东西。 那么，有另一件事 那你们可能想要做 或者任何你想要去探索？ 我们还剩下10分钟。 我们也可以早点离开，但如果 你想要做一些网络的东西， 我们可以，但我不 要强迫你。 但是，我们也只是吃的糖果。 听众：突出显示文本 白色的，所以你可以读取它。 ALLISON BUCHHOLTZ-AU：OK。 因此，在这种情况下，我们想要一些页。 听众：我们应该这样做的 机身使其适用于整个页面？ ALLISON BUCHHOLTZ-AU： 是的，我们实际上可以。 这是一个好主意。 因此，我们have--你 知道我们应该是什么？ 我不知道，如果我们能做到文本颜色。 我要尝试 在这里创建另一个类。 听众：你怎么这么 它有什么建议？ ALLISON BUCHHOLTZ-AU：那么 如果你们有兴趣， 这是另一种文本 编辑器叫崇高。 你应该能够 在设备上安装它。 有时，它变得有点棘手。 如果你想与帮助， 我超级高兴帮您 有了它，因为gedit中是伟大的， 它的真棒，因为你可以编译 在底部，但我真的 像崇高，因为它很 而且它做的事情 像自动完成。 所以，你绝对可以随意 让我知道，如果你想这样做。 如果你只是谷歌“崇高 文本“，它通常 对如何安装说明 在各种操作系统上。 这是真的很酷，我 想想，在我看来。 因此P。 我想我可以做text--或 我们可以做的颜色是“白色”。 那里。 因此，我在这里做的是我 没有改变的所有文本。 但是，P在这里仅仅是一个 标签，我们有，对不对？ 这个段落标记。 所以，我只是创建一个CSS元素 说，OK，这个标签什么 P，使颜色变白。 所以，如果你注意到了，这让 这种白色和这白色的。 这并没有使我们的名单，因为白 它不是与此有关。 你可以通过，你可以say-- 听众：你的背景颜色。 ALLISON BUCHHOLTZ-AU：背景颜色？ 听众：背景管 颜色你把p标签。 ALLISON BUCHHOLTZ-AU：OK。 你想要白色的？ 听众：Mmhmm​​。 ALLISON BUCHHOLTZ-AU：OK。 你去那里。 听众：这是奇怪的。 ALLISON BUCHHOLTZ-AU： 很酷，对吧？ 所以，如果你只是浪费时间， 你会学到很多东西。 它可以是很酷。 我认为这是肯定更 可喜有时比 因为你不必等待 为您的程序进行编译。 你可以打刷新 和你一样，哦，你看， 它的工作，或哦，我 可能失去了一些东西。 而这东西是真的 酷关于这个类的一个部分， 它是绝对的，我 想想，以便于检查 你走的路与 不必编写这些长期计划 并祝愿祈福 它可以工作在末端。 所以这一说法，我认为 你们似乎都不错。 如果您有任何疑问，一如既往， 来跟我说话，来让我知道。 我就在外面 在接下来的15分钟 如果你想聊 予取予求。 所以，我希望你guys-- 好运与此PSET。 截止日期是周五中午 因为天色已晚发布。 所以，我很可能会看到 很多你们在周四， 但是希望不是。 也许你会拥有它了，然后做了。 我是超级骄傲。 但如果没有，我会看到你周四。 您还可以使用一晚日期，这 它延伸到周六中午。 但我don't--吧？ 听众：万圣节。 ALLISON BUCHHOLTZ-AU： 这是万圣节，a和b， 我不认为会有 是办公时间周五。 所以真的试图把它用做 周五，以便我们能够一起庆祝 万圣节周末。 好吧，我会看到你们下周。