| 网站首页 | 站内资讯 | 原创图书 | 图文教程 | 视频教程 | 课件下载 | 远程网校 | 留言建议 | 视频教程吧 | 官方微博 | 
>>  您现在的位置: Flash课件吧 >> 图文教程 >> 网页教程 >> 正文
专题栏目
畅销教材
征稿与合作
如果您是计算机方面的专家或对计算机在某方面的应用有一定心得,我们真诚地希望与您合作。请下载作者信息表并认真填写。在邮件主题中注明寻求合作字样,我们将尽快给您答复。
  • 下载作者信息表
  • 邮件联系我们
  • 相关文章
    推荐图书
    第6课 CSS的基本应用(三)
            ★★★   
    第6课 CSS的基本应用(三)
    >>  教程简介: 
    作者:课件吧 教程来源:本站原创 点击数: 更新时间:2008/5/20 9:09:40

    特别致谢

      本教程由课件吧(http://www.cai8.net)开发,并由本书作者寒蓝老师提供在“闪客起航”开设专栏进行在线学习,以帮助大家快速掌握CSS的知识。
      本教程选自清华大学出版社2008年2月出版的《Dreamweaver网页制作实用教程》一书。《Dreamweaver网页制作实用教程》是“21世纪师范院校计算机实用技术规划教材”中的一本教材。由于教材内容新颖、实用,深受广大读者的欢迎,目前全国已有多所中、高等院校和IT培训学校选择本书作为正式的网页制作教材。
      朋友们可以在全国各新华书店购买此书,或者在当当网互动出版网邮购此书。


    第六课 CSS基本应用()

    6.3.1 课堂实例――用CSS控制区块

    CSS“区块”规则的设置内容包括段落内文字的对齐方式、首行缩进、字符间距等,运用于图片的“区块”规则还可以控制图片和文本的对齐方式。

    1.创建CSS规则

           1)新建一个网页文档,将其保存为6.3.1.html。在这个文档中创建两段文字,第二段文字中含有一幅图片,如图6-1所示。

    6-1 创建网页文档

           2)进入【CSS样式】面板,单击右下角的【新建CSS规则】按钮,在弹出的【新建CSS规则】对话框中,设置【名称】为“cssBlock”,选择【定义在】单选钮为“仅对该文档”,然后单击【确定】按钮,如图6-2所示。

    6-2 设置CSS规则名称

           3)在弹出的【.cssBlockCSS规则定义】对话框中,在【分类】列表中选择“区块”,然后在对话框右侧设置【字母间距】为0.5,选择单位为“厘米”,设置【文字】缩进为1,选择单位为“厘米”,如图6-3所示。

    6-3 设置CSS的“区块”属性

           4)展开【垂直对齐】下拉列表,选择“顶部”,完成设置后在对话框中单击【确定】按钮,如图6-4所示。

    6-4 设置垂直对齐

    专家点拨:只有当CSS规则应用于图片时,【垂直对齐】的设置才会起作用,这里选择“顶部”可以让图片和文本的顶端对齐。

    2.应用CSS规则到文本

           1)在设计视图中,拖动鼠标选择一段文本,如图6-5所示。

    6-5 选中文本

           2)进入【属性】面板,展开【样式】下拉列表,选择“cssBlock”。

           3)在设计视图中可以看到样式的作用效果,注意段落的首行缩进以及字母之间距离的增大,如图6-6所示。

    6-6  cssBlock的作用效果

    3.应用CSS规则到图片

           1)在设计视图中,单击鼠标左键选择图片,图片选中后周围会出现控制点。注意,图片和左侧文本之间是底端对齐的,如图6-7所示。

    6-7 选中图片

           2)进入【属性】检查器,展开【类】下拉列表,选择“cssBlock”。

           3)在设计视图中可以看到图片和文本的对齐方式发生了变化,由原来的底部对齐变成了顶部对齐,如图6-8所示。

    6-8 图片应用CSS规则之后的效果

    6.3.2 课堂实例――CSS样式滤镜的应用

    CSS提供了滤镜功能,在制作网页的时候,即使不用图片,通过CSS滤镜,只需简单的操作,也同样可以

    [1] [2] [3] 下一页

      >> 教程录入:admin    责任编辑:admin 
    网友评论:(只显示最新8条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    版权所有 课件吧 Copyright ◎2006 - 2013
    如涉及侵权行为请书面告之,本站将立即处理
    站长:cai8net  备案序号:豫ICP备13010258号