<b>在Dreamweaver中编写CSS需求掌握的本领</b>[DW设计]

由于“可视化”和操作简便,在中编写CSS的朋友很多,本日我们介绍一些在中编写CSS的“最佳习惯”,但愿对大家有所帮忙.

　　CSS正在改变的进程.为迎合不断增长的偏向于CSS的人员的需求,Macromedia DW MX引进了一些新的及改进过的CSS相关的特点.有了这些新的特点,你可认为将来的更新作好筹划,开辟与W3C尺度越发兼容的站点.本文谈论在DW MX中利用CSS以及突出某一特定CSS特点时的一些倡议.

　　普通地讲,款式表(style sheet)就是掌握内容外观的格局化的法则的调集.可以以三种差别的方法在你的页面中利用CSS:

　　代码式(Inline):写入到代码中的一次性的款式.
　　内嵌式(Embedded):可掌握一个页面中全部元素的款式表
　　外联式(External):可掌握很多页面中的元素的款式表

　　事实上,很多站点都按照需求把这三种方法结合起来利用.

　　在利用CSS时一个需求重点考虑的事实是差别的浏览器以及同一浏览器的差别版本以差别的方法来解析CSS.除了浏览器的差别之外,你还要意识到还有很多其他的浏览器,比方听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备.

　　最佳习惯是指什么?

　　大大都技术都有自己约定俗成的尺度.CSS也不例外.固然并非上存在的全部CSS都很标准,但按照现有尺度来利用CSS却还是不无裨益的.普通来说,开辟人员应尽大概将内容与报辞别脱离来.这样做的好处在于:

　　1、增添站点的寿命
　　不标准的款式表大概在当时认为很便利,但新版本的浏览器出来今后,极大概就会呈现兼容性问题.到时逐页改正站点就是一项非常费时的工作同时也使利用CSS失去了意义.

　　2、让你的站点对全部的用户以及浏览器都实用
　　有些地方的政府已经立法要求必须让残障人士也一样可以浏览.为残障熟习的浏览设备,比方听力浏览器,对CSS标准性要求极端严峻.

　　3、让站点更新和保护越发轻松
　　利用方法得当的话,CSS可以让你在一个页面中的调整快速利用到全部页面中去.

　　你首先要做的挑选是利用哪一种款式表.当触及到最佳习惯时,对差别款式表的解析以下:

　　Inline CSS:简单地说,你应当尽大概避免利用.除了一些其他的缺陷之外,利用Inline CSS意味着你并没有操纵到CSS的真正长处,即你并没有将内容与格局别脱离.DW MX利用Inline CSS主如果为了定位页面元素(这些元素在DW MX的用户界面中称为“层(layer)”),大概为了利用某个DHTML特效,它需求利用Inline 款式的javascript来改变一个对象的属性.

　　Embedded CSS:它也不是最抱负的,因为它只能对当前页面施加影响.在更新的历程中,假如某一个页面丧失,将会使站点的不一致;别的,当用户浏览你的站点时,每一页都要一次款式表信息.

　　External CSS:这是你的第一挑选.External CSS可以让全部衔接到它的页面保持一致的外观;概要挈领,更改一次,轻松更新全部相关页面;让你的页面体积更小,浏览速度更快.其他的一些最佳习惯将在下文解析具体的CSS特点时说起.

　　在DW MX中成立CSS款式表

　　在DW MX中成立CSS款式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个挑选:新款式表文档(New Style Sheet File) 和只用于当前页(This Document Only).选中“New Style Sheet File ”你就开始了成立External CSS的历程.这个选项要求你在真正的成立历程之前先命名款式表并为它选定一个保存位置;别的一个选项,This Document Only,则会直接把相关代码写入到页面的部份.

　　你也可以在“新款式(New style)”对话框中挑选一个现存的款式表来编辑或增添新的定义.

　　应当衔接到External CSS还是导入?

　　成立外部款式表今后,你需求把它附加在每个页面上(或是).要这样做,可以在CSS面板上淡季“附加款式表(Attach Style Sheet)”按纽,此时会弹出衔接外部款式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标款式表的名字,找到今后,你可以挑选衔接(link) 大概导入(import )此外部款式表.

　　衔接是最常用的方法,挑选“link”便可把款式表衔接到页面.它会在你的页面中加入下面的标志:

　　全部支持CSS的浏览器都支持衔接选项.假如你想一些对比旧的浏览器(比scape 4.x)也能“看到”这个款式表的话,就要采取下面的办法.

　　假如你挑选“导入”选项,所用的标志为:

　Sscape4会完好忽视导入的CSS,而按照衔接的CSS来注释页面.这样我们便可以安心利用CSS中的新功效,没必要耽忧浏览器的兼容性问题了.

　　CSS属性查抄器

　　在DW MX的属性查抄器中可以简单切换到CSS情势.缺省情形下,属性查抄器会显示原始的HTML情势下标签.点击下拉菜单旁边的小“A”,你便可以看到目前可用的CSS款式表,而不是标签列表.

　　同时,你也可以轻松切回到HTML情势.

　　现成的CSS款式表

　　DW MX中一个令人冲动的CSS特点就是它包含了已制作好的CSS款式表.CSS的新用户可以先体验一下.挑选File > New,在弹出的新文档对话框中挑选选中CSS style sheets,在右边的方框中会呈现全部可用的CSS列表.为了实践我们所说的最佳习惯,挑选一个标志为“Accessible”的.

　　将文档保存在站点文件夹内,然后便可以用上述的办法来把CSS附加在你的文档中了.

　　时间款式表(Design Time style sheets)

　　DW MX的这一特点可以让你在视图下工作时将款式表利用到页面,让你对站点的外观有一个更直观的熟习.时间款式表将不会呈目前站点内.从我们的最佳习惯的概念来说,这一特点是非常有效的.假如你利用同时导入和衔接两种方法(如上所述),附加时间款式表可以让你利用此中的任何一个来开辟站点.当你想看在另一个款式表下页面外观如什么时刻,你可以轻松更改成另一个款式表.

　　关于要将CSS利用于端(比方, , or ColdFusion)或是要在客户端通过javascript来存取的开辟者来说,时间款式表一样有效.端款式表也是处理客户端浏览器对CSS支持不好的又一种方法.但在从前版本的DW中,这种方法却不能让你在阶段查看CSS的实际效果.时间款式表让你及时查看款式表效果,所以你可在DW MX中以可视界面工作.别的一个好处就是当