超链接是网页设计中经常使用的,而网页的链接色默认都是蓝色,虽然可以更改,但单一色彩在不同背景色的网页上显示就不是那么的奏效,我们来看一下如何用CSS控制网页设计实现不同的个性链接颜色。在“New Style”对话框中,选择“Use CSS Selector”的“Type”类型,在“Selector”下拉框中会列出“a:link(链接属性)”、“a:hover(鼠标移动到链接上的属性)”、“a:visited(链接被访问后属性)”、“a:active(链接焦点状态下的属性)”4个选项,这4个选项的设置会控制网页设计中所有的链接的属性,我们可以分别定义这4个属性,然后添加到“CSS Style”面板中与默认设置不同的CSS控制中,再将其“Apply”到需要改变的链接上就实现了。如果将“Hover”的字体设置的比“Link”稍微大一点,就会出现鼠标移动到链接上时字体变大的效果﹗
网站建设中我们通常需要统一网页设计整体风格,统一的风格大部分涉及到网页中文字属性、网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提升网页设计阅览的速度,更加统一网页整体的设计应用效果。为了达到修改整体网页的目的,我们需要编辑一个外挂式的CSS文档。根据这个文档定义和修改不同CSS属性并在网页设计页面相同或者相似的网页里应用它,达到一个整合网页设计效果。
如果遇到网页设计页面中某个元素,比如突出显示的文字的字体、字号以及颜色要怎么办﹗ 这里我们就需要再定义一个新的CSS样式单来对其进行控制,右键点击页面编辑区,在弹出快捷选单中点击“CSS Style/Edit Style Sheet”命令,弹出“Edit Style Sheet”对话框,选择列表中的all.css,点击“New”按钮,在弹出的“New Style”对话框中选择“Make Custom Style(class)”的“Type”类型定义一个自己偏好的CSS控制。如果想更改页面中某一元素的属性,选中它然后右键单击“CSS Styles”面板中“Apply Styles”中刚才定义的CSS,执行“Apply”命令就可以了。
名词说明︰CSS即层叠样式表(Cascading Style Sheet)是在网页设计制作过程中普遍用到的专业技术。采用了CSS技术控制的网页设计,设计者会更轻松、有效地对页面的整体架构、颜色、字体、链接、背景以及同一页面的不同部分、不同网页设计页面的外观和格式等效果实现更加精确地控制。Dreamweaver MX推出后,其改进的CSS设计工具、透过增强CSS面版清晰显示内、外部定义的样式,让用户建构出符合最新CSS标准的网站。