辅助功能*

Adobe Dreamweaver CS3

CSS 最佳实践

级联样式表单是网页内容的布局和样式的最佳实践。 使用级联样式表单 (CSS) 可简化站点设计与维护。 当整个站点的样式信息被捕获为 CSS 时, 则对该样式表所做的更改会立即显示在使用该样式表的所有页面中。 CSS 允许设计人员根据用户查看页面的方式调整页面的外观。 可以为屏幕、手持设备或打印创建特定样式表, 以确保不管在哪里查看设计, 设计都将正确呈现。

在 Dreamweaver 8 中 CSS 的最佳实践

Dreamweaver 8 通过设计视图以图形方式, 或者在代码视图下通过手动编码, 为创建和维护基于 CSS 的网页提供最佳工具, 包括:

新的、统一的 CSS 面板

将 Dreamweaver 8 中所有 CSS 的功能都整合到一个面板集上, 同时增加其性能, 以便轻松而有效地使用 CSS。 新界面使得查看和更新已应用到某个特定元素的级联样式更加容易。

CSS 布局可视化

在设计时应用可视辅助功能来勾画 CSS 布局边框或颜色 CSS 布局, 从而展示复杂的嵌套方案并改进选择。单击 CSS 布局可获得有价值的工具提示, 如 ID、填充、边距以及边框设置。

CSS 渲染改进

借助对设计视图精度方面的显著改进, 查看复杂的 CSS 布局在大多数浏览器中的渲染方式。Dreamweaver 现在完全支持溢出、伪元素和表单元素。

样式渲染工具栏

样式渲染工具栏使用户能够像最终用户在附加类型特定样式表时看到内容的方式来查看内容, 并切换查看页面在打印时、在手持设备上或在屏幕上显示的方式。

代码提示和完成

代码提示和代码的自动完成在代码视图中都可用, 使得在 Dreamweaver 8 中手动编写 CSS 甚至比使用其他代码编辑器更快。

CSS 资源

了解有关 CSS 和 Dreamweaver 8 的更多信息

Dreamweaver 8 在线研讨会系列

立即注册, 参加我们的在线研讨会, 学习如何使用 CSS 的最佳实践构建网站。

客户案例研究*

查看 Harris Publications 如何使用 Dreamweaver 8 在“Rides Magazine”网站上管理 CSS。

下载免费试用版

获取免费 30 天试用版, 在 Dreamweaver 8 中试用新的 CSS 工具。

文章和教程

Dreamweaver 8 中的 CSS 概述

熟悉所有新的 CSS 功能、工具、工作流和用户界面改进。

CSS 设计功能介绍*

学习基于 CSS 的布局的基础知识。

多媒体类型上的 CSS*

从屏幕获取 CSS 以显示到手持设备上。

使用 Dreamweaver 8 的无表格布局*

是否厌倦了使用嵌套式表格来设计您的页面? 使用 CSS 使您的布局具有现代感。

使用 CSS 设置表单样式*

学习如何使用 CSS 控制表单的外观。