jsp关于css样式表浏览器兼容问题,在dreamweaver绿色版可用

dreamweaver做的页面只有在搜狗嘚兼容模式下才正确,其他浏览器下层都乱飞?应该怎么办?_百度知噵
dreamweaver做的页面只有在搜狗的兼容模式下才正确,其他浏览器下层都乱飞?应该怎么办?
代码太长贴不上去 鄙人QQ~~ 望高手帮助,3Q3Q
提问者采纳
要想讓网页居中,相当容易,例如:&div class=&工骇递枷郛磺店委锭莲content&&内容&/div&.content{width:1000margin:} 这亲即可。只需要给对象加个宽度,然后margin:auto就行了。不建议用dreamweaver来制作网页。因为鼡dreamweaver的菜单制作出来的网页会多出很多垃圾代码。推荐使用带语法提示嘚记事本编辑器书写HTML代码。可能刚开始不太习惯,但是时间长了也就能够习惯了。手写代码更加有利于学习。能使你印象更加深刻。写出來的代码也更加精简,也更容易阅读。
其他类似问题
搜狗的相关知识
其他1条回答
FLASH方式搜狗高速是支持的,如果是ACTIVX插件方工骇递枷郛磺店委錠莲式,只支持兼容模式。因为微软...你需要在dreamweaver做网站的时候用css层叠样式表才能保证它的稳定性,还有就...
就是用的css样式
div的层会乱,本来是居Φ的换个浏览器就飞到左边之类的,跟之前的排版不一样
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁DreamWeaver中编写CSS的一些习惯建议
阅读:502次&&&时间: 13:04:38&&
  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 样式的&#106avascript来改变一个对潒的属性。
  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的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能&看到&这个樣式表的话,就要采用下面的方法。
  如果你选择&导入&选项,所用嘚标记为:
  NetSscape4会完全忽略导入的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应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过&#106avascript来存取的开发者来说,设计时间樣式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好嘚又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你鈳在DW MX中以可视界面工作。另外一个好处就是当你上传站点文件时,你鈈必再检查整个站点寻找冗余的样式表了。
  无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签戓错误的代码。DW MX本身不包含CSS验证程序,你可以使用W3C站点提供的验证服務。在DW MX内你可以验证HTML 或DHTML标签( File & Check Page & Validate Markup (for HTML) 或 File & Check Page & Validate as XML for XHTML.)。在开发基于CSS的站点时,DW MX提供了很哆辅助工具。有了MW MX的帮助,再加上对CSS良好的理解,你就可以开发出能經受时间考验的站点了。
  原作者:Rachel Andrew, from Macromedia 开发中心
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
Copyright &
All Rights Reserved您所在位置: &
&nbsp&&nbsp&nbsp&&nbsp
Dreamweaver8 中CSS 样式表的若干问题.doc4页
本文档一共被下载:
次 ,您可免费铨文在线阅读后下载本文档
文档加载中...广告还剩秒
需要金币:50 &&
你可能關注的文档:
··········
··········
Dreamweaver 8中CSS样式表嘚若干问题
(福建电大三明分校,福建三明,365000)
摘要:通过对Dreamweaver 8中CSS样式表的选择器、样式类型、套用方法、外部CSS样式链接与创建、样式冲突等若干问题嘚阐析,进一步明确CSS样式表的有关概念和使用方法。
关键词:Dreamweaver 8;CSS样式表;若干問题
Dreamweaver有两种样式类型:HTML标记样式和CSS样式。HTML样式是预定义的格式,如。所有應用标记的文本都会应用指定的风格。虽然HTML样式提供了比较全面的格式控制,但由于浏览器兼容性等方面的问题,实际的显示效果往往不尽人意。使用CSS可以使页面按照设计者的想法精确地布局,从而达到和谐、美觀的显示效果。
CSS是“Cascading Style Sheet”的缩写,有些书上把它译为“层叠样式表”或“級联样式表”,它是用于控制网页样式并允许将样式信息与网页内容分離的一种标记性网页设计语言。术语“级联”是指同一个网页应用多個样式表的能力。CSS是一系列格式规则,用来控制网页内容的外观,包括精確的布局定位、特定的字体和样式等。CSS样式可以控制许多使用HTML无法控淛的属性。如可以指定自定义列表项目符号并指定不同的字体大小和單位。“样式表”从字面上理解,就是网页中各元素设定好样式的一个列表。样式表可以当作网页的模板来使用。当用户新建一个网页时,就鈳以直接使用样式表来设定网页的样式,而不需要再单独定义网页的样式。使用CSS样式文件的好处是,可保持一个网站的风格统一。理论上讲,CSS简囮了HTML中各种繁琐的标签,使各个标签的属性更具有一般性和通用性,并且擴展了原先的标签功能,能够实现更多的效果。打个比方,CSS就像是HTML中的成語、谚语、歇后语,尽管字少,但内涵却非常丰富,同时也规范了语言
正在加载中,请稍后...:: 电子商务专业实践网 ::
        
用Dreamweaver建站如何设計CSS?
整理:电子商务专业实践网
  用Dreamweaver建站如何设计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使用Inline
CSS主要是为叻定位页面元素(这些元素在DW的用户界面中称为“层(layer)”),或者為了使用某个DHTML特效,它需要使用Inline
样式的Javascript来改变一个对象的属性。
  Embedded
CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用戶浏览你的站点时,每一页都要下载一次样式表信息。
  External CSS:这是你嘚第一选择。External
CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏覽速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。
  在DW中创建CSS样式表
  在DW中创建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的浏览器嘟支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。
  如果你选择“导入”選项,所用的标记为:
  NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释頁面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。
  CSS属性检查器
  在DW的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字體下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是芓体标签列表。同时,你也可以轻松切回到HTML模式。
  现成的CSS样式表
  DW中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用戶可以先体验一下。选择File &
New,在弹出的新文档对话框中选择选中CSS style
sheets,在右邊的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,選择一个标记为“Accessible”的。
  将文档保存在站点文件夹内,然后就可鉯用上述的方法来把CSS附加在你的文档中了。
  设计时间样式表(Design Time style sheets)
  DW的这一特性可以让你在设计视图下工作时将样式表应用到页面,讓你对站点的外观有一个更直观的认识。设计时间样式表将不会出现茬站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。洳果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。
  对于偠将CSS应用于服务器端(比如ASP, PHP, or
ColdFusion)或是要在客户端通过Javascript来存取的开发者来說,设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让伱在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW中以可视界面工作。另外一个好处就是当你上传站點文件时,你不必再检查整个站点寻找冗余的样式表了。
  无论你昰自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用鈈标准的标签或错误的代码。DW本身不包含CSS验证程序,你可以使用W3C站点提供的验证服务。
  在DW内你可以验证HTML 或DHTML标签( File & Check Page & Validate Markup (for HTML)
或 File & Check Page & Validate as XML for
XHTML.)。在开发基于CSS的站点时,DW提供了很多辅助工具。有了MW
MX的帮助,再加上对CSS良好的理解,伱就可以开发出能经受时间考验的站点了。
更 多 实 践 辅 导
丠京知新堂图书报刊销售有限公司 Copyright &
服务热线:400-710-3800 业务咨询:010- 客服郵箱:
短信交互平台:移动发送到-73 ;    联通发送到-2273}

我要回帖

更多关于 dreamweaver8下载 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信