视频17
步骤1 使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“sitemap.html”（站点地图），按回车键确认修改。
步骤2 用鼠标在“sitemap.html”网页中输入站点地图相关文本，如图3-1-2所示。
图3-1-2 【站点地图】初效果
步骤3 用鼠标点击【格式】菜单中【CSS样式】的“新建”命令，如图3-1-3所示。在弹出的【新建CSS规则】对话框中，在“选择器类型”的下拉列表中选择“标签”项，在“选择器名称”栏目后的下拉列表框中选择“h3”项，在“规则定义”后的下拉列表中选择“仅限该文档”项，点击【确定】按钮。如图3-1-4所示。
图3-1-3 【新建样式表】命令
图3-1-4 【新建CSS规则】对话框
提示说明：标记选择器是CSS基本选择器的一种，对应的名称规则是：名字必须是已有的HTML标记名，勾选“仅限该文档”单选按钮表示将定义的样式表规则直接创建在网页中，该方式为“嵌入样式”创建CSS样式表。
步骤4 在弹出的【h3的CSS规则定义】对话框中，“font-family”下拉列表选择“黑体”；“color”值为“#CCCCCC”（灰色）；“line-height”值为“30”，如图3-1-5所示。
图3-1-5 【h3的CSS规则定义】对话框
步骤5 鼠标点击“分类”选项组中的“背景”选项，输入“background-color”值为“#000000”（黑色），如图3-1-6所示。
步骤6 鼠标点击“分类”选项组中的“区块”选项，在“text-align”的下拉列表中选择“center”项，然后点击【确定】按钮，如图3-1-7所示。
图3-1-6 【h3的CSS规则定义】对话框
图3-1-7 【h3的CSS规则定义】对话框
步骤7 鼠标点击“分类”选项组中的“方框”选项，在“width”的输入框中输入值“100”，单位选择“px”，在“height”的输入框中输入值“30”，单位选择“px”，然后点击【确定】按钮，如图3-1-8所示。(www.xing528.com)
图3-1-8 【h3的CSS规则定义】对话框
图3-1-9 预览效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
