步骤 5 将ID为“bottom”的Div中的原有文本删除，重新输入新文本，可见其自动套用了前面设置的样式。 步骤 6 分别保存网页文档和样式文件，然后在浏览器中预览文档，可以看到网页四周均有空白，且下方出现了滚动条。 4. 设置“body”样式 下面通过设置“body”样式，来解决网页四周的空白和滚动条问题。 步骤 1 单击“CSS 样式”面板下方的“新建 CSS 规则”按钮，打开“新建 CSS” 对话框，在“选择器类型”区选择“标签”，在“标签”下拉列表中选择“body”，在定义在”列表区选择“s1.css”，然后单击“确定”按钮。 步骤 2 打开“body的CSS规则定义”对话框，在左侧的“分类”列表中选择“区块”，然后在“文本对齐”下拉列表中选择“居中”，以使所有内容居中对齐。 步骤 3 在左侧的“分类”列表中选择“方框”，设置“边界”值为0，然后单击确定”按钮。 步骤 4 分别保存网页文档和样式文件，然后在浏览器中预览文档，可以看到网页左侧和上方的空白，以及下方的滚动条均已消失。 【任务实施】 接下来，请同学们参考首页制作步骤，完成网站子页。包含以下几个步骤： 1. 制作网页上部 2. 制作网页中部 3. 制作网页下部 效果图： 【知识拓展】初学Web标准的几个误区 初次接触Web标准的用户可能会受表格布局或其他一些问题的影响，常见问题及解决建议如下： 1. 不要用传统的表格思维来套 div 用惯了表格的用户可能会觉得，CSS布局就是将原来用table的地方用div来代替，原来是 table 嵌套，现在是 div 嵌套。这种观点是错误的。 应该跳出表格布局的禁锢，抛弃一个td接一个td放置内容的思维方式。按前文所述，Web标准的目的是将内容和表现完全分离。即在加入表现之前，页面里有的仅仅是内容，在没有修饰的情况下，它就是一张有一些文字和图像（图像是指内容中的图像，是有真正意义的图像，而非修饰性的图像）的简单页面，这些文字和图像仅仅是依次罗列下来，只有结构，没有任何样式。当加入表现，将所有修饰的图像作为背景，用CSS 来定义每一块内容的位置、字体、颜色等时，才构成了一个完整的页面。 这样制作的页面才是内容与表现完全分离的，即抽掉CSS文件，剩下的就只是干净的内容。 2. 不必为每块内容都创建一个 id 内容都是有结构的，相同结构的内容可以用同一个样式来定义，如相同级别的标题、正文、图像等。对于多次引用的样式可以用class来定义，不需要全部用id；另外，也不是说只能用 div 布局，在需要的时候，完全可以用 p 来代替。 至于仅仅为了行高、间距，或者一个修饰性图像而增加的div，随着大家对CSS应用的熟练和理解，很快就会知道这是没有必要的。希望大家多研究CSS，做出最简练、最有效的样式表。 作业： 1．Web标准由哪几部分构成？ 2．简述绝对定位与相对定位的含义？ 3．Div标签中，“类”与“ID”有何区别？
相关推荐：
loading