Videos · 视频
Web Basics — HTML & CSS · 网页基础 —— HTML 与 CSS
Pick a topic to watch. · 选择一个主题观看。
21 video lessons · 共 21 个视频课程
2:20
你的第一个网页
你打开过的每个页面都是某人键入的文件。不是绘制，不是在应用设计中设计——而是键入，你可以在接下来的五分钟内键入一个。网页…
2:28
标题
所有段落大小相同的页面是一堵文字墙，读者会被它弹开。标题是读者找到他们来寻找的部分的方式。标题是一个……
2:07
粗体、斜体、换行
到目前为止标签包裹整个块：这行是段落，这行是标题。这里有个新功能——一个仅包裹单个词的标签…
2:17
列表
将三个项目写成三个段落，浏览器不知道它们属于一起。说 list，它就会这样做。列表使用两个不同的标签，这就是……
2:31
链接
到目前为止，你写的所有内容都位于一页上并留在那里。一个标签将其变为网络的一部分。链接标签是 a，anchor 的缩写，它带来……
2:25
图片
一个标签告诉浏览器某物是什么。这个标签必须告诉它去哪里获取，这需要一种新的信息类型。要在……上放置图片
2:18
一个真正的网页
到目前为止，你写了页面的各个部分。真正的网页将它们放入框架中，并且几乎世界上每个网站都使用相同的框架，因此值得……
2:29
注释和嵌套
到目前为止，每个标签都是上一个标签的邻居。真正的页面将标签放在标签 INSIDE 中，一旦这样做，顺序就开始变得重要。注释是你……的笔记
2:17
表格
这是学生最常弄错的标签，原因总是相同的：他们猜测顺序而不是阅读它。表格需要三个嵌套的标签……
2:08
形成
到目前为止，你所做的所有内容都是供阅读的。表单不同：它是访客使用的东西。编写 type 为 text 的 input，你就会得到一个真实的框……
2:19
部分和类
小页面作为一堆标签没问题。大页面则不然——访客看到一个标题，然后是内容，然后底部有一个注释，如果你的 HTML 只是……
2:21
你的第一个 CSS
课程过半，第二种语言登场。HTML 说明每个东西是什么——这是段落，那是标题。CSS 说明其外观——这…
2:18
选择器
上一课中，你的选择器是标签名称，这会改变页面上的每个段落。这通常太多了。所以还有另外两个。用点号写一个名称……
2:19
颜色
颜色使页面摆脱作业感。也是初学者选择十二种颜色导致页面崩溃之处。编写…的最简单方法
2:16
文字样式
回到第二课，浏览器为你选择了标题大小。现在你可以自己选择它们，使用 font-size，以像素为单位测量。四十像素用于一个……
2:27
盒模型
两个元素拒绝按你期望的位置排列，且你输入的任何内容都无法修复。几乎总是这个原因。CSS 将每个元素视为盒子，并…
2:17
外边距
Margin 是框外面的空间，这里的关键点是：对于一个周围没有任何东西的框，margin 不会改变任何可见内容。放置两个框……
2:16
表现
从第三课起你就一直在看这个却未给它命名。有些元素独占整行并横跨页面：div, a…
2:09
宽度与居中
这里有一些你可能没有注意到的事情：块框已经与页面一样宽。它一直都是这样——如果没有……你就看不到边缘
1:58
Flexbox
你构建的所有内容都向下堆叠，因为块级盒子就是这样做的。但导航栏、一排卡片、工具栏——它们需要并排排列…
2:19
你的个人资料卡片
最后一课，这是一个项目而不是新想法。你正在构建一个个人资料卡片：顶部有一张图片，名字是你选择的颜色，还有一行……