转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Dreamweaver中CSS的应用         ★★★★

Dreamweaver中CSS的应用

作者:闵涛 文章来源:闵涛的学习笔记 点击数:742 更新时间:2009/4/23 12:33:43
Dreamweaver具有强大的编辑层叠样式表(CSS)能力,对层叠样式表的编辑能力要远远强于Frontpage98。虽然Dreamweaver并没有声明对CSS2的支持,但程序本身对层叠样式表的扩展已基本具备了CSS2的基本规范,这一点是其他网页编写软件所不及的。如果不具备这样强大的层叠样式表编辑功能,Dreamweaver在编写DHTML方面的能力会大打折扣,看一看网页的源代码就会知道几乎每一个精彩的动画都要靠CSS的参与。当然,要得到理想的显示效果还要有新的浏览器,我在IE4.01下观看Dreamweaver的例页才得到正确的显示结果。我向大家推荐使用4.0的浏览器,特别是IE。

a6.gif (4946 bytes)a7.gif (8499 bytes)a8.gif (5109 bytes)  
          
  要编辑或管理层叠样式表首先要从window菜单调出样式浮动面板。如图A六所示。这个浮动面板一共显示了三个自定义的样式:style1,style2和style3。浮动面板上显示的样式都不是HTML关键字。改变HTML关键字是隐含的不直接显示在这个浮动面板上。对每一种样式我们都可以进行编辑删除、施加于页面元素等操作。可以通过右击样式的名称来实现上述操作。在将样式施加到页面元素时可以选中样式再向页面加入新的内容或点中所要施加样式的内容,一行或一段,再点中样式。所以如果要进行一般的编辑一定要选中(none)一项。如果我们点样式浮动面板下面的“Style Sheet……”按钮就可以对样式进行编辑。这时弹出一个对话框。如图A七所示。这个对话框列出了增加或改变的所有样式。“p”和“pre”的属性更改后在样式浮动面板中不显示而在这个对话框中将列出来。在这个对话框下部的“Stlyle definition”栏中显示选中样式的设置情况,如果设置内容过多将显示不出来。这个对话框中的“Link”一项指明要设置的样式的外部链接,即一个css文件。如果我们要定义一个新的样式就点“new”键,这时弹出“new style”对话框,如图A八所示。

a9.gif (7463 bytes)    a10.gif (5566 bytes)

通过这个对话框我们可以选择自定义的样式、HTML关键字或CSS选择器提供的各种样式,例图中自定义了一个名为“style1”的新样式。确定以后会自动弹出新的对话框使用户对选定样式进行编辑。这个对话框如图九所示,左边一栏是新样式的各种属性,右面是属性的细节。例图是“type”属性的各种参数。带星号的参数都是扩展的样式属性,现有的浏览器可能不支持。如图A中的“type”属性的参数,我们可以设置字体、字的颜色、字间距、字型及附加线等各种参数值。图A十是以上例子在IE下的显示情况。有关样式表的具体细节十分庞杂,这里不可能作过多的介绍,有兴趣的读者可以参阅有关资料。


[Web开发]css ul li 不换行  [网页制作]如何正确的理解CSS的float浮动属性?
[网页制作]CSS 3 选择器解释  [网页制作]CSS Image Maps—图像地图
[网页制作]一款DIV+CSS导航条效果  [网页制作]xml css htc 的综合运用
[网页制作]用GoLive实现CSS+DIV之二  [网页制作]免费CSS布局和模板大集合!
[网页制作]DIV+CSS网页布局常用的方法与技巧  [网页制作]初学者来看:网页CSS样式表设计十条技巧
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台