面向05后的HTML教程——第三期
第三期：列表和样式
这一节课，我们将要接触一门新的语言：CSS
CSS 指的是层叠样式表 (Cascading Style Sheets)。css样式定义如何显示 HTML 元素。
简单来说，如果你要演一场木偶戏。那么html就是舞台，css就是木偶的样子和动作，js是剧本。
接下来介绍一下这节课会用到的标签/属性：
| <div> | 定义文档中的分区或节，可以把文档分割为独立的、不同的部分 |
| <span> |
用来组合文档中的行内元素 |
<style> style |
为文档定义样式信息，如背景颜色，字体，等等，可单独放置在<head>中使用，也可以使用在标签内 |
| class |
属性，不是标签。可以用于多个标签内，内容不会显示在文档，但可以方便CSS/JS进行定位 |
class属性
我们可以通过css的类选择器来给html元素定义样式。需要在标签内定义它的“class”属性。
注意：属性定义是不分顺序先后的，一个标签可以定义多个属性
在<head>标签内，我们可以使用标签<style>来插入css代码。
css规则由两个主要的部分构成：选择器，以及一条或多条声明。
style属性
另外，我们可以通过style属性直接在标签内定义样式
这和之前那段代码起到的效果是一样的。
<div>/<span>
通过这两个标签，可以把网页分割为独立的、不同的部分。
<div>是块级元素，会占满一行。<span>不会，可以用来组合文档中的行内元素。
用<div>配合 css/js 可以做出许多有趣或实用的效果，在今后的课程中我们会学到。
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
）
喜欢研究理科类东西
08年出生，福建福州人，未来的█████
自学微积分，低调低调
往期内容
关注四五工作室，从零开始学H5