Dreamweaver教程抉择并修改CSS样式
发布时间：2021-11-03 10:06:21 所属栏目：教程 来源：互联网
导读：CSS样式是当今网页排版的标准。下面我们将通过一个练习，Dreamweaver教程-调整页面的宽度，修改背景色，向某个页面区域添加背景图形，以及调整多种文本属性，所有这些操作均可在Dreamweaver 的CSS样式面板完成。更改页面宽度你可能注意到在标题区域中插人的
|
CSS样式是当今网页排版的标准。下面我们将通过一个练习，Dreamweaver教程-调整页面的宽度，修改背景色，向某个页面区域添加背景图形，以及调整多种文本属性，所有这些操作均可在Dreamweaver 的“CSS样式”面板完成。
更改页面宽度你可能注意到在标题区域中插人的图像比预先定义的页面宽度稍微窄一点。Web页面的width 属性通常应用于<body>元索或者包含主要内容的父（parent) <div>元索。更改宽度的第一步是确定控制它的CSS规则，这将需要执行一些CSS检测工作。
1.如果必要，可以选择“文件” > “打开最近的文件” > “greenstart.html”，并单击“设计” 按钮在“设计”视图中查看页面。
2.在页面内容中的任意位置插入光标。观察文档窗口底部的标签选择器的名称和顺序，如下图所示。
标签选择器显示与页面的代码结构直接相关的顺序。出现在左边的元素是它右边的所有元素的父元素或容器。最左边的元素是页面结构中最髙级别的元素。可以看到，<body>是最高级别的元素，<div.container>则次之。不管你单击页面中的什么位置，这种关系都不会改变，因此通过简单的推理，可以确定这两个元素中的其中一个可能包含你正在寻找width属性。
3.如果“css样式”面板不可见并且没有打开，可选择“窗口 > “css样式”打开它。 根据需要最小化或关闭任何面板，以便可以最大限度地访问“CSS样式”面板。
4.如果需要，在“CSS样式”面板中，单击“全部”按钮，从“当前”视图切换为“全部” 视图。
“全部”视图显示与当前页面关联的整个样式表。“当前”视图只会显示影响所选元素的样式。 必须打开一个文档，以在“CSS样式”面板中查看任何样式。
5.单击加号展开，在“CSS样式”面板中展开<style>条目。
注意：在这个页面中，样式规则位于文档头部区域中。Dreamweaver使用（<style>）标签内联样式。“CSS样式”面板中按名称列出了这些样式表 (例如，mystyles.css )。
6.在”CSS样式“面板中，单击body规则，可查看其属性。
如图4.17所示的那样，body规则具有用于背景、颜色、字体、边距、和填充的属性，但是没有用于宽度的属性。现在检查另一个元素。
（编辑：滁州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
