新用户注册 - 用户登陆 - 加入收藏夹 - 博客

使用样式表

作者:BX 来源:BZ 点击: 342 次 评论: 0

Dreamweaver的Style工具条有一个不幸的趋向:把它的大多数
功能隐藏在大量对话框之后。谢天谢地,还有相应的快捷键。 创建新的样式表或修改一个已经存在的样式表,点击Style工具
条上的Style Sheet按钮,这时可出现Edit Styles对话框。在
你的文档中填加或修改样式表。象HTML一样,Dreamweaver只是
分析CSS规则并适当地渲染之。因为两种主要的浏览器渲染CSS
有很大的差异,Dreamweaver的多数翻译工作只能是猜测。它趋
向于IE4.0,但是不能渲染一些有效的CSS元素- 例
如background-attachment,- 并且对CSS扩展束手无策(虽然
有一个UI可以对它进行设置)。 当创建新的样式表时,你可以建一个类,修改已存在tag的样
式表,或“use a CSS selector”- 它集成了虚类(A:link)
和ID参考(#myID)。既然我们仍需定义边界来给DIV一
个Netscape的背景色,就让我们重新定义DIV来打开边界设置。
调用样式表编辑器,创建一个新的样式表。选择Redefine HTML
tag,然后选择DIV。你现在有了一系列类别:type、
background、block,box,border,list,positioning
和extensions。它们中的每一个控制一组样式表元素: 为了修正背景色的bug,在样式表编辑器中把边界宽度加一个
像素,把style设为none,选一种颜色。在head中就会有一个如
下面所示的样式表规则: div { border: red; border-style: none; border-top-width: 1px;
border-right-width: 1px; border-bottom-width: 1px;
border-left-width: 1px} 这样背景色的问题彻底解决了。但是还要对此规则做一些解
释:例如边界:1个像素的红色的无边界将很难管理。为了充实
此规则,进入Preferences。有一个简便方法:点击它们,删除
规则,然后重新输入。 对元素应用样式有很多方式。可以把光标放在tag内,然后
从Style工具条中选择需要的类(如果你在工具条中看不到任何
样式的类,你或许应该创建一个),然后此部分会拥有选中的
样式类。你也可以通过选择屏幕左下角的Tak得到包含当前位置
列表的方法为一个tag应用样式。点击一个tag来选择它和它的
内容。或者在tag上点击右键然后设置tag的Class或ID。 为tag应用样式的另一种方法是选中文本然后点击Style工具条
的一个类。你选的类会被<span>包围。

update 更新:2005-11-26 18:04:52 编辑:fengyefy

相关文章

评论共 0我也评一评 更多评论

暂无评论!

用户名:  密码:  注册新用户

 

声明:本站是免费向教师学生校长家长提供教育教学资源的公益性教育网站,除“枫叶原创”系站长创作外,所有信息均转贴互连网上公开发表的文章、课件、视频和艺术作品,并通过特色版块栏目的整理,使教师学生校长家长方便浏览自己所需的信息资源,达到了一网打尽的惜时增效之目的。所有转载作品,我们都将详细标注作者、来源,文章版权仍归原作者所有。如果您认为我们侵犯了您的权利,请直接在文章后边发表评论说明,我们的管理员将在第一时间内将您的文章删除。