All Articles Dreamweaver
学习CSS在Dreamweaver教程第1部分:重新定义HTML元素
Geoff Blake on Tue, February 8th | 0 comments
Learning how to work with CSS is absolutely critical to building contemporary websites. It's one of those things that we, as designers, have to hunker down and learn at some point. And even after you

学习如何用CSS工作绝对是至关重要的,以建设现代网站的。它的这些事情,我们作为设计师,hunker和学习在某些时候。甚至在您掌握的基础知识,仍然有发展和扩大空间。您可以了解新的属性或如何取得具体成果,你会发现保持精益“你的CSS技术ñ意味着尽可能。

In this tutorial post, we'll be taking a look at the fundamentals of working with CSS in Dreamweaver. You'll learn about two primary rule types, how to create them, and how to begin applying them throughout your site.

了解样式是如何工作

首先,我要问你,你知道你的一些其他应用程序的风格? InDesign中有风格,插画风格... ...哎呀,即使微软的Word样式。样式是简单的格式选项的集合。例如,我们可能有风格被称为“强调,”内强调,我们已经设置字体,大小和颜色。在这一点上,我们可以开始运用我们的整个文件的重点,当然,在以往我们使用它,我们将获得正在使用相同的字体,大小和颜色。如果我们回去,并改变原来的重点风格,然后格式化将即时更新过的位置,它已经在我们的文件中使用。

这是风格的传统如何工作的。但是,CSS这个想法进一步发展。而不是工作在短短的一个页面风格,使用CSS,你可以申请你的一组页面的规则 - 或您的整个网站的所有网页。编辑您的规则之一,而这种变化将波及整个网站尽快您可以选择“文件

现在的动力!

其他一些快速点之前,我们继续前进。首先,长期的“ 风格 ”和规则”一词交替使用,在Dreamweaver和CSS。有时,Dreamweaver将使用术语“的风格,”和其他时候,它会使用“的规则。”许多新用户感到困惑,并承担Dreamweaver的谈论两回事。它不是!样式和规则都是相同的事情。

二,被称为样式表规则列表。样式表可以位于一个特定的HTML页面(这就是所谓的内部样式表),或作为您的网页以外的单独的文件(外部样式表)保存。有很多很酷的事情,你可以用样式表,我们对他们谈论更多的细节, 在Dreamweaver中CS5 101:核心Dreamweaver的CS5。

现在,我们知道怎样风格的工作有什么样式表都感,我们应该讨论的两个CSS样式的主要类型,我们可以与:重新定义HTML元素和类的规则。每一个非常强大的,具有特定用途的。让我们一起来看看。

看看重新定义HTML元素

我们的地址重新定义的HTML元素。这是我最喜欢的风格类型,因为他们做的是平淡,枯燥的HTML和拖动从石器时代进入21世纪短短的几行代码。 ,幸好对我们来说,Dreamweaver的将是做所有繁重的任务,因此,如果我们不希望,我们没有看到任何代码。

与重新定义HTML元素,我们将采取平淡,枯燥的HTML元素,并把它们的CSS控制下。例如,我们可以控制表格,图片,标题,段落,以及几乎任何其他可能出现在您的网页上。重要的是要记住的是,当我们重新定义一个HTML元素,我们控制该元素的所有出现。例如,如果你创建一个CSS规则,重新定义

, then all
elements on your page are now under the control of your CSS rule. If your redefined
rule resides in an external style sheet, then all tables across your entire site are now all controlled by a single CSS rule.

这是真棒,它可能不是你想要什么。如果你只是想控制一个表,离开别人,因为他们是吗?这是类的规则来发挥。我们将进入这些只是有点。现在,让我们尝试建立一个快速重新定义HTML标签。

下面是如何创建一个重新定义HTML标签

第1步

在“CSS样式”面板的底部,单击“新建CSS规则图标。

第2步

在出现新的CSS规则对话框内, 选择标签(重新定义HTML元素),从下拉菜单选择类型下拉。

第3步

在选择名称“字段中,输入你想控制的HTML元素的名称。

当你在该元素的名称类型,一定要离开了尖括号。换句话说,如果你想控制“

," you'd simply type in "table."

而不是在输入元素的名称,你可以选择从弹出菜单上选择名称“字段的右侧。

第4步

从规则定义在对话框底部的下拉菜单中,选择“如果您想保存您的新规则,在内部样式表(这份文件只)或一个外部的样式表(新的样式表文件)。或者,如果您已经有一个外部的样式表连接到您的网页,你可以选择保存,选择它的名字。

点击“确定”。

第5步

In the CSS Rule Definition dialog box that appears, begin applying the CSS formatting that you'd like to use for your new rule.


For example, if you're redefining a table, you may want to apply a background color, a font, margin settings, and so on. As you're working, click Apply in the CSS Rule Definition dialog box to preview your page. Any elements on your page that you've redefined using CSS will update.

第6步

当你完成后,点击确定“。

当您完成创建您重新定义HTML元素,现在出现的所有的页面上的HTML元素进行你的CSS规则定义“对话框中设置的格式。有没有需要申请什么格式,因为你重新定义的东西已经被使用。不仅,但你应该回去,并插入到您的页面的HTML元素,在一些点在路上,它也将是你的CSS控制下的。这是一个非常强大的和非常有效的方式工作。

虽然这仅仅是一个简单的介绍与重新定义的HTML元素,希望你可以看到他们为什么要这样一个一个网页设计师的工具箱中的重要组成部分。他们工作,也很容易。只要位与他们在Dreamweaver 10-20分钟左右拨弄,我敢肯定你将速度与他们。

现在,我渴望继续在Dreamweaver中的CSS我们看看,这两个主要的规则类型的讨论,因此,加入我在 2部分,我们将采取一看,在工作类规则。到时见!

不能等待第2部分?你不必!退房这Dreamweaver的教程,在此期间与更高级教程即将!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: