在Dreamweaver中写CSS,这种写作习惯是不提倡的,但由于可视化和操作简单,朋友的使用仍然很多,今天列出了一些最好的习惯,希望能帮助这些朋友。
CSS正在改变Web设计的过程,为了满足面向CSS的设计者不断增长的需求,Macromedia DWMX引入了一些新的和改进的CSS相关特性。这些新特性可以为未来的更新计划和开发更符合W3C标准的站点。讨论了在DW MX中使用CSS并突出显示特定的CSS特征的一些建议。
一般来说,样式表是控制Web内容外观的格式化规则的集合。您可以以不同的方式在三页中使用CSS:
使用CSS时要考虑的一个重要问题是,不同浏览器和不同版本的浏览器以不同的方式解析CSS。除了Web浏览器的差异之外,您还必须认识到还有许多其他浏览器,如听浏览器、基于电视的浏览器,以及手持设备,如掌上电脑和TTY(电传打字机、远程打字机)。
大多数技术都有自己的标准,CSS也不例外,虽然网络上所有的CSS都是标准的,但是根据现有的标准使用CSS仍然是有益的。这样做的好处是:
非标准样式表在当时可能是方便的,但是当新版本的浏览器出现时,兼容性问题很可能会出现。这是一个非常耗时的工作,同时修改网页的同时,也使得CSS的使用变得毫无意义。
在一些地方,政府已经立法,网站也必须允许残疾人浏览相同的方式。浏览设备为残疾人,如听浏览器,是非常严格的CSS规范。
你需要做的第一件事是选择使用哪种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:
简而言之,你应该尽量避免使用它。在其他缺点中,使用内联CSS意味着你不利用CSS的真正好处,也就是说,你不把内容与格式化分开。DW MX使用内联CSS来定位页面元素(这些元素被称为层)。(层)在DW MX的用户界面中,或者使用DHTML特殊效果,这需要使用内联样式和选项卡10, 6来改变对象的属性。
嵌入式CSS:这是不理想的,因为它只能影响当前页面。在更新过程中,如果一个页面丢失,站点的风格将不一致;此外,当用户浏览您的站点时,每个页面都会下载样式表信息。
外部CSS:这是您的第一选择。外部CSS可以保持所有页面以一致的方式连接到它的页面;绘制、更改一次,轻松更新所有相关页面;使您的页面更小和更快。在下面的特定CSS分析中会提到其他最佳实践。特点。
在DW MX(文本CSS样式,新样式表)中创建CSS样式表时,弹出对话框中有两种选择:新样式表文档(新式样式表)和当前页面。当您选择新样式表文件时,开始创建外部CSS的过程。您可以在实际创建过程之前命名样式表,并为其选择保存位置;另一个选项(仅此文档)将直接将相关代码写入页面的一部分。
还可以在新样式(新样式)对话框中选择现有样式表来编辑或添加新的定义。
在创建外部样式表之后,需要将其附加到每个页面(或模板)。为此,可以单击CSS面板上的附加样式表按钮,弹出连接外部样式表(链接外部样式表)对话框,在该对话框上可以浏览目标样式的名称。ESEHET,当找到时,您可以选择可选连接(link)或导入(导入)。
连接是选择链接样式表到页面的链接的最常用方式。它将添加以下标签到您的页面。
支持CSS的所有浏览器都支持连接选项。如果您想使用一些旧的浏览器,例如Netscape 4。X,来查看样式表,请使用下面的方法。
NETSSCAPE4完全忽略了导入的CSS,并根据连接的CSS解释页面。这样,我们可以放心,我们可以使用CSS中的新功能,而不必担心浏览器兼容性。
在DW MX的属性检查器中,您可以轻松切换到CSS模式。默认情况下,属性检查器在原始HTML模式下显示字体标签。单击字体下拉菜单旁边的小A,您可以看到当前可用的CSS样式表,而不是字体标签列表。
DW MX中一个令人兴奋的CSS特性是它包含了已经生成的CSS样式表。CSS的新用户可以首先体验它。选择文件新,在弹出的新文档对话框中选择CSS样式表,并且所有可用的CSS列表出现在正确的框中。最好的习惯,选择一个标志性的可访问性。
DWMX的这个特性允许您在设计视图中工作时,将样式表应用于页面,使您更直观地了解站点的外观。设计时间样式表不会出现在站点中。从我们的最佳习惯的角度来看,这种特性非常有用。如果您使用两种方式同时导入和连接(如上文所述),一个额外的设计时间样式表可以让你使用其中任何一个来开发一个站点。当你想看到页面在另一个样式表中的样子时,你可以很容易地将它改为另一个样式表。
设计时间样式表对于想要将CSS应用到服务器端的开发人员(如ASP、PHP或CaldFIX)或对通过客户端访问客户端的开发人员来说也是有用的。服务器端样式表是处理客户端浏览器对CSS的不良支持的另一种方式。这种版本的DW,不允许你看到CSS在设计阶段的实际效果。设计时间样式表让你实时看到样式表的效果,这样你可以在DW MX中的可视化界面中工作。另一个优点是,当你上传站点文件时,你就不必去了。CK整个站点查找冗余样式表。
无论您是创建自己的样式表还是编辑现有的样式表,验证确保您不滥用标准标签或不正确的代码。DW MX本身不包含CSS验证器,您可以使用W3C站点提供的验证服务。在DWMX中,可以验证HTML或DHTML标记(文件检查PA)。当开发基于CSS的站点时,DW MX提供了许多辅助工具。在MW MX的帮助下,加上对CSS的良好理解,您可以开发一个能够经受时间考验的站点。