演讲嘉宾:原来,HTML是不 您可以使用里面的唯一语言 一个网页。 您可以使用一种叫做CSS或 层叠样式表,以及。 CSS允许你指定多 一个web正是美学 页面,包括布局和大小, 颜色和字体等等。 例如,让我们创建一个网页 这里所说的CSS0一个代表 主页上,比如说,约翰·哈佛。 在这个页面,我们将有约翰·哈佛的 命名,在其下会 他的观众一个不错的消息,下面 这将是一个页脚,用 说,一些版权信息。 要做到这一点,让我们定义三个部门 用于使用标签的页面 叫格。 打开支架的div,约翰哈佛,接近 架格,另一个打开支架的div, 现在我们将指定的东西 喜欢,欢迎到我的主页! 并让我们关闭这个分区,也是如此。 现在第三次也是最后 格,版权。 刚刚被看中,让我现在使用的HTML 实体,代表一个符号 一个字,你不能以其他方式 输入您的键盘上。 特别是,我该怎么办 符号,英镑,169,分号。 原来,是数字代码 对于版权符号。 那么让我们来指定约翰·哈佛 这里在底部。 让我们关闭div和保存文件。 现在,什么是这个div标签? div标签简单地定义了一个师 的页面,它本质上是一 矩形区域。 所以在这个时刻,我有三个 矩形区域,一个在顶部 其他的。 所以现在,效果几乎一样 虽然我有三段。 但我们不会看到相当多 空白在他们之间。 让我们来保存这个文件,更改其 权限,看一看了 此刻在Chrome。 存取权限chmod a + R CSS0.html。 现在,让我们打开Chrome和访问 http://localhost.CSS0.html。 事实上,这里有一个主页 约翰·哈佛。 现在,让我们风格化这一点更 正是使用一些CSS。 早在gedit中,让我们进入这个 第一个div标签,并添加样式 指定的属性,我想一个 的,例如字体大小,36个像素,或像素。 我想这个字体的粗细 要大胆而不是默认的, 这是正常的。 对于第二个div,让我们指定 具有另一种风格属性 的24像素的字体大小,因此 稍微小了一点。 分号后关闭引号。 最后,在第三格,让我们做 风格等于报价,字体大小和 比方说,12个像素这段时间。 分号后关闭的报价。 请注意,那时,我似乎有 对于指定了位程式化的 每一个使用这三个div的, 事实证明,CSS。 事实上,你在看语法 这些双引号之间是CSS, 具体的CSS属性 与值。 而对于第一个标签,在那里我有 两个这样的属性,字体大小和 字体粗细,我只是分开 用分号。 现在,只是风格的缘故,我 在还包含分号 每一行的末尾。 但他们不是绝对必要的, 特别是当你只有一个 属性定义。 现在让我们保存文件并重新加载 在Chrome浏览器,看看有什么 净效应是。 早在Chrome浏览器在这里, 让我们点击刷新。 现在我们有一个稍微更有趣 约翰主页 哈佛,由此与该第一线 他的名字,这是这里面 第一个div,是36像素高,还 粗体字,由此,第二行, 这是在第二个div,是24 像素高,但不是黑体。 并由此在该第三第三行 格为12像素高,还 没有黑体字。 但是假设我现在想转移 这一切的文字超过 这样,它的中心。 我可以使每一个个体的 的div作为为中心。 但更容易,可能我的包裹 第四个div中3的div,一个 父分区,可以这么说,并指定 那该div及其所有 后人应该是 文本对齐中心? 让我们一起来看看。 里面的gedit,让我们回到我 体,并添加一个新的div了顶配 格,风格等于报价引文结束 文本对齐市中心,靠近 分号后引述。 现在,让我们继续前进,所有缩进 那些我们以前键入行。 以下是第三格,让我们 关闭这个新的div。 换句话说,因为这三个 原来的div现在的孩子,所以要 讲一个新的父div的,我已经 指定我想对齐 在该中心的父div的文本 页面,该属性将 继承了所有这些孩子。 事实上,让我们保存文件并 走在浏览器中看看。 让我们重新在Chrome。 我们在那里有它,一个更漂亮 主页约翰哈佛。