DW MX 2004 的 CSS 新功能(1)

2016-02-19 20:42 2 1 收藏

图老师小编精心整理的DW MX 2004 的 CSS 新功能(1)希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

  如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进。下面我们就来看看这些改进的地方。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  一、属性面板的改进

  Dreamweaver MX 2004在属性面板中增加了“Style”选项,我们在设计页面时所做的添加的字体、颜色、大小等样式,“Style”会将这些设计自动记忆生成“Style1”、“Style2”样式。在下次重复使用可以直接在“Style”中套用样式,如图1。有了这个功能,我们在做网页设计时可以大大提高工作效率。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)


图1

  如果套用的CSS样式不是文字,而是表格,同样可以在属性面板中设置CSS。在属性面板中都有一个类别(Class),在这里就可以设计表格的CSS 样式,如图2。


图2  二、页面的CSS属性

  在Dreamweaver MX 2004的属性面板中可以看到一个“Pgae Properties”的选项,如图3。


图3

  点击这个选项,可以直接打开“Page Properties”的设置对话框。如图4


图4

  在对话框左边的分类中可以看到外观、链接、标题文字、标题/编码、网页图片等等选项,选中其中一个类别,在右边出现相应的设置内容。例如在图4中,选中了“Link”可以设计这一个网页中关于链接的CSS样式,包括链接的文字大小、鼠标滑过显示的颜色、下划线等。其他类别的CSS设置,大家可以自己试试看。

  在“Page Properties”做的CSS设置之后,在编辑这个网页的时候所有的文字、链接等效果都按照这个样式应用。

来源:https://www.tulaoshi.com/n/20160219/1624306.html

延伸阅读
标签: flash教程
一、用行为控制实例 我们用这个复制圆的例子说明用行为控制实例(如图像、电影剪辑、按钮等)的一般操作步骤。 1.在编辑区中放置一个圆的电影剪辑和一个按钮,然后在属性检查器中把圆电影剪辑命名为a1。 2.在编辑区中选择触发行为的对象(如编辑区中的按钮)。 3.选择WindowDevelopment PanelsBehavior...
标签: flash教程
三、用行为控制声音回放 使用声音行为可以控制声音的播放。可以使用Load Sound from Library(从图符库装载声音)或Load Streaming MP3 File(装载流式MP3文件)行为添加声音到Flash文档中。用这些行为添加声音会创建声音实例,然后通过实例名来控制声音。 使用行为控制声音的操作方法如下: 1.在编辑区中放置一个按钮并选...
标签: Web开发
Dreamweaver204 除了可以插入 Flash SWF 動畫、Flash 文字和 Flash 按鈕以外,這次又新增加了一個叫做 Flash Element 的好東東,讓 Dreamweaver2004與 Flash 的整合又更進一步了! Flash Element 相當於是 "活的" Flash 動畫,當你將它插入到網頁裡面之後,會有一些參數讓你自行設定,如此一來網頁便擁有了這個 Flash Element 所提供的互動性...
标签: Web开发
介绍:本文英文原版是Dreamweaver安装目录下help/dwextend.chm,由馒头(www.mantou001.com)翻译为中文,在翻译的过程中为了尽量符合我们中国人的口味,我首先考虑到语言的地道,尽量让读者忘记自己在阅读译文,其次是让读者能流畅的看懂,至于忠于原文放在第三位,为了照顾初学者,一些词语译者还加了注释,译文版权归馒头所有,转载请注明出处...
标签: flash教程
CSS属性:text-align ActionScript属性:textAlign 值:left,center和right CSS属性:font-size ActionScript属性:fontSize 值:实际被使用的只有数字部分,单位(px,pt)不会被解析,也就是说12pt和12px是相等的 CSS属性:text-decoration ActionScript属性:textDecoration 值:none和underline CSS属性:margin-left ActionScript属性:margin...

经验教程

298

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部