1. 您所在位置：
  2. 网站首页
  3. 文档分类
  4. 计算机
  5. CSS/Script

DIV+CSS网页布局经典教程.ppt

DIV+CSS网页布局经典教程.ppt

    1. 1、本文档共52页，可阅读全部内容。
    2. 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
    3. 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
    4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
    查看更多

    《DIV+CSS布局根底经典》;课程大纲;1.1.1传统Table布局;1.1.2传统Table布局示意图;1.1.3Table布局的缺点;2.2.0Web标准的构成〔选〕;1.2.1Web标准布局;1.2.2DIV+CSS布局示意图;1.2.3CSS布局代码例如;2.1.1向Web标准过度/XHTML根底;2.1.2选择适宜的DTD;2.1.3DreamweaverCS3中DTD;2.1.4XHTML语法标准;2.2.1CSS语法根底;2.2.2CSS选择器〔符〕;2.2.3选择器的声明;2.2.4如何应用CSS到网页中;2.2.5实例代码:CSS按位置的分类;2.2.5样式优先权问题;2.6CSS开发环境与调试环境;3.1被遗忘的主角DIV;3.2CSS盒子模型;3.3文档流及浮动概念;3.4浮动定位与绝对定位;4.0一个简单的CSS布局实例;学习要点及;CSS〔CascadingStyleSheet〕，中文译为层叠样式表。是用于控制网页样式并允许将样式信息与网页内容别离的一种标记性语言。

    【本章学习目的】

    本章通过多个CSS样式的应用实例，重点介绍了CSS样式表功能、定义CSS规那么的方法，应用内嵌式样式表和链接外部样式表的方法等，通过本章的学习，读者应了解CSS样式表的用途，掌握创立和应用CSS样式表的方法，学会用CSS样式表进行网页的美化和网页布局。;

    5.1利用CSS样式表的网页实例;5.1利用CSS样式表的网页实例;;5.2使用CSS样式表;5.2使用CSS样式表;

    1.创立CSS样式

    选择“窗口”菜单｜“CSS样式”命令，翻开“CSS样式”面板，单击右下角的“新建CSS规那么”按钮，或选择“文本”菜单｜“CSS样式”｜“新建”命令，弹出“新建CSS规那么”对话框.;5.2.2在Dreamweaver中定义CSS;5.2.2在Dreamweaver中定义CSS;定义的位置有以下三种情况：

    选择“仅为该文档”，此时CSS样式的代码会嵌套在网页<head>和</head>标签中。

    选择“新建样式表文件”，那么弹出“保存样式表文件为”对话框，如图5.5所示，选择样式文件的存储路径和文件名，单击“保存”按钮，将CSS样式代码单独存放在一个CSS文件。

    选择“已有的某CSS文件”，将新建的CSS规那么写入已有的css文件中。

    比方：选择定义在“仅对该文档”，单击“确定”按钮后，弹出“H1的CSS规那么定义”对话框，如下图，在对话框中进行各项的格式设置，然后单击“确定”按钮。;;2.编辑和删除CSS样式

    创立CSS样式??，如果要修改CSS样式，在“CSS样式”面板中，单击“CSS样式”面板右下角的“编辑”按钮，进入“CSS规那么定义”的对话框，可进行修改。

    某个CSS样式不再需要时，在“CSS样式”面板中，首先选中某个样式，单击CSS样式面板右下角的“删除”按钮。;

    5.3CSS样式的应用;;5.3.1样式表的应用实例1：背景样式

    的应用;

    5.3.2样式表的实例应用2：文本及列

    表的应用

    ;

    5.3.3样式表的实例应3：方框和边框

    样式的应用;

    5.3.4样式表的实例应用4：动态链接样式

    ;;2.调用CSS样式文件

    其它网页要应用刚刚建立的CSS样式文件，如何调用呢？单击“CSS样式”面板中的“附加样式表”按钮，弹出“链接外部样式表”的对话框，在“文件/URL”文本框中输入外部CSS文件路径和文件名，添加为选择“链接”选项，将新建的样式文件链接到此文件，如下图。

    ;

    5.3.5样式的实例5：滤镜效果的应用

    ;;

    ;;;

    本章小结

    您可能关注的文档

    文档评论（0）

    147****4268 + 关注
    实名认证
    内容提供者

    认真 负责 是我的态度

    咨询Ta 进入空间

    1亿VIP精品文档

    更多 >

    相关文档

    更多 >

    最近下载