《CSS美化网页》PPT课件_第1页
《CSS美化网页》PPT课件_第2页
《CSS美化网页》PPT课件_第3页
《CSS美化网页》PPT课件_第4页
《CSS美化网页》PPT课件_第5页
已阅读5页,还剩14页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、使用CCS美化web页面的层叠样式表(CSS)是W3C定义和维护的标准,是向结构化文档(如HTML文档或XML应用程序)添加样式(字体、间距、颜色等)的电脑语言。基于6.1CSS,CSS的基本概念是您可以将要在网页中显示的内容与样式设置隔离开来。这意味着您可以集中管理网页的外观设置信息,而不依赖于web内容。这样,更改网页的外观时,只需更改样式设置的一部分。HTML档案本身不需要更改。6.1.1了解“CSS样式”面板,选择“窗口”|“CSS样式”命令以打开或关闭“CSS样式”面板。6.1.2新建CSS规则,(1)在“新建CSS规则”对话框中,首先设置“选择器类型”选项。(2)在“名称”文本框中

2、,选择或输入CSS规则名称。(3)设置是在牙齿文档中定义CSS规则,还是在外部样式表文件中定义CSS规则。(4)在“myCSS1的CSS规则定义”对话框中,您可以对设置CSS规则的属性进行分类。(5)完成设置后,单击“确定”按钮完成CSS规则定义,然后可以在“CSS样式”面板中查看定义的CSS规则。(6)切换到“代码”视图时,您将看到HTML代码中添加了新的CSS样式代码。将CSS样式应用于6.1.3网页,1在“属性”面板中选择应用特定样式2使用“标签选择器”选择样式3使用鼠标右键快捷菜单4查看正在应用清除样式5的样式属性列表,创建6.2 CSS,创建CSS样式时在“新建CSS规则”对话框中通

3、常创建的CSS样式类型的类选择器,6.2.1类选择器,1类选择器设置CSS样式2。应用于CSS样式文本3 .应用CSS样式插图4。了解类标识符的CSS代码执行效果,6.2.2标识符选择器,将样式执行效果应用于1标识符选择器样式设置2单元格,6 .1修改HTML标签2设置p标签的属性执行效果、6.2.4超链接的CSS样式、1超连结创建(执行效果)2使用CSS样式复盖超连结外观、6.3CSS本机应用程序节目、牙齿部分按类别说明CSS样式提供的各种属性,通过几个茄子实例说明网页制作中的CSS、使用6.3.1 CSS设置文本格式、1内部CSS 1控制表边框2左上角单元格边框3右下角的单元格边框执行效果

4、,使用6.3.3 CSS控制列表,创建1个段落列表2 CSS自定义段落列表注意:书籍中的标记对执行效果1执行效果2,6.3.5使用CSS控制块,创建1 CSS规则2对文本3应用CSS规则,对图片执行效果应用CSS规则,对图片执行效果应用CSS规则在下面创建文本的模糊效果,以了解如何使用CSS滤镜提高web视觉效果,6.4链接外部CSS样式档案,CSS样式可以直接嵌入到页面中,还可以将单独的样式档案(. CSS扩展名),需要引用样式文件中的CSS样式时,可以链接到web文档。多个网页文件是一个.您可以共享CSS样式文件。修改CSS样式文件时。影响作为链接调用CSS样式文件的所有web文件。创建6.4.1 CSS样式档案,在1 CSS

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论