数据仓库中CSS编码需要注意和掌握的几种技巧

由于可视化和操作的简单性,在DW中编写CSS的朋友很多。今天我们介绍一些在DW中编写CSS的最佳习惯,希望能对您有所帮助。
CSS是改变网页设计过程中,为了迎合CSS设计师的需求日益增长,Macromedia DW MX引入了一些新的和改进的CSS相关的功能,这些新功能,你可以计划未来的更新和发展与W3C标准兼容的网站。这篇文章讨论了在DW MX中使用CSS的一些建议和突出一个特定的CSS特征。
一般来说,样式表是一组格式化的规则来控制网页的内容外观。你可以用三种不同的方式在页面中使用CSS:
复制代码代码如下所示:
代码(内联):在代码中写入的一次性样式。
嵌入式:一个控制所有页面中的元素的样式表
外部:一个多页控件的元素的样式表
事实上,许多网站根据需要将这三种方式结合在一起。

在使用CSS的最重要的考虑因素之一是,不同的浏览器和不同版本的浏览器解析CSS的方式不同。除了Web浏览器之间的差异,你也应该意识到还有很多其他的浏览器,如听力浏览器,基于电视的浏览器,和Palm Pilot和TTY(电传打字机手持设备,远程打字机)。
什么是最好的习惯
大部分的技术都有自己的standard.css也不例外。虽然不是所有网络上现有的CSS是非常标准的,它是有益的使用现有的标准使用CSS。一般来说,开发商应该单独的内容从报告尽可能。这样做的好处是:
1。提高站点的使用寿命
非标准样式表可以很方便的时候,但在浏览器的新版本出来,很可能会有兼容性问题。通过页面改变网站页面,同时是一个非常耗时的工作,这也使得它使用CSS毫无意义。
2。让您的站点适用于所有用户和浏览器
在一些地方,政府已经立法规定,网站必须允许残疾人以同样的方式浏览。为残疾人设计的浏览设备,如听力浏览器,对CSS规范非常严格。
3,使网站更新和维护更容易
如果你正确地使用它,CSS允许你在一页中快速调整页面。
你要做的第一个选择是使用哪种样式表。当谈到最佳习惯时,对不同样式表的分析如下:
内联CSS:在一个简单的方法,你应该避免使用尽可能多的,除了一些其他的缺点,使用内联CSS意味着你不要利用CSS的真正优势,你不该内容从format.dw MX分割使用内联CSS主要定位网页元素(这些元素称为DW(MX)在DW MX的用户界面,或为了使用DHTML效果,需要使用内联样式Javascript来改变一个对象的属性。
嵌入式CSS:它不是最理想的,因为它只能影响当前页面。在更新过程中,如果页面丢失,会使站点的样式不一致。此外,当用户浏览你的网站,你可以下载在每一页的样式表的信息。
外部CSS:这是你的首选。外部CSS可以使所有的页面连接保持一致的外观风格;突出显示,改变时间,轻松更新所有相关页面;使页面更小,浏览速度更快。
在DW MX中创建CSS样式表
在DW MX创建CSS样式表的时候,(文本、CSS样式,新样式表),在弹出的对话框中,你有两种选择:新的样式表文件(新风格)和当前页面,选择新的样式表文件,你开始创建外部CSS的过程。此选项要求你的名字样式和选择一个保存位置为它真正的创造过程。另一个选项,这个文档只会直接将相关的代码写到页面部分。
你也可以选择在新风格的现有样式表(新样式)对话框来编辑或添加新的定义。
我们应该连接到外部CSS或导入吗
在创建外部样式表,你需要将它附加到每个网页(或模板)。这样做,可以淡季在CSS面板样式表(附式附加表)按钮,会弹出此时连接外部样式表(链接外部样式表)在上面的对话框,你可以去你的目标样式表的名字,找到了,你可以选择连接(link)或进口(进口)的外部样式表。
连接是通过选择链接样式表连接到页面的最常用的方法。它将添加以下标记你的页面。
所有的浏览器都支持CSS支持的连接选项。如果你想要一些老的浏览器(如Netscape 4。x)看到的样式表,使用下面的方法。
如果您选择导入选项,所使用的标记是:
NetSscape4会会完全忽略导入的CSS和根据连接的CSS解释页面。这样,我们可以放心的新功能在使用CSS,而不用担心浏览器的兼容性。
CSS属性检查器
它可以很容易地切换到DW MX的属性检查器CSS模式。默认情况下,属性检查器在原来的HTML模式显示字体标签。点击小旁边的字体下拉菜单,你可以查看可用的CSS样式表,而不是字体标签列表。
同时,您可以轻松地返回到HTML模式。
现成的CSS样式表
在DW MX中一个令人兴奋的CSS的特点是,它包含一个好的CSS样式表CSS的新用户可以体验它。选择文件>新建,选择弹出新建文件对话框的CSS样式表,和所有可用的CSS列表将出现在右侧的框中。练习我们所说的最好的习惯,选择访问的标志。
将文档保存在站点文件夹中,然后用上述方法将CSS添加到文档中。
设计时间样式表(设计时间样式表)
此功能允许您应用DW MX样式表的网页在设计视图中工作时,让你有一个更直观的了解网站的外观,设计时间样式表将不会出现在现场。从我们最好的习惯来看,这个功能是非常有用的,如果你使用同时进口和连接两种方式(如上所述),一个额外的设计时间样式表可以让你使用任何他们开发一个网站,当你想看的页面看起来在另一个样式表,你可以很容易地改变到另一个样式表。
对于那些想应用CSS服务器端开发人员(如ASP、PHP或ColdFusion)或通过客户端访问Javascript,设计时间样式表也是很有用的。服务器端样式表也是另一种方式来处理客户端的浏览器不支持CSS,但在DW以前的版本中,这种方式不让你看到CSS在设计阶段的实际效果。设计时间样式表允许您实时查看样式表的效果,所以你可以在DW MX的视觉界面的工作。另一个优点是,当你上传网站文件,你不需要检查一个冗余的样式表的整个网站。
验证
无论你创建一个样式表自己或编辑现有的样式表,验证确保你不使用非标准的标签或错误的code.dw MX本身不包含CSS验证器,你可以使用W3C网站提供的认证服务。在DW MX,您可以验证HTML、DHTML标签(文件>检查页>验证标记(HTML)或文件>。当开发一个基于CSS的网站,DW MX提供了一些辅助工具。随着MW MX的帮助,再加上一个很好的了解CSS,你可以建立一个网站,能够经得起时间的考验。