欢迎来到天天文库
浏览记录
ID:43783880
大小:5.82 MB
页数:41页
时间:2019-10-14
《网页设计与制作 王学军 第11章 使用CSS和Div》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CSS主要用于控制网页中的元素或区域的外观样式,Div可以在文档中创建一个具有独立属性的分区。当Div与CSS相互配合使用时,Div会展现出强大的作用。本章将介绍CSS和Div的基本知识以及使用Div与CSS定义网页结构的基本方法。第11章 使用CSS和Div学习目标了解CSS样式的类型。了解CSS样式的属性。掌握创建和应用CSS样式的方法。掌握使用Div与CSS样式定义网页结构的方法。11.1关于CSS样式CSS(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可
2、将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个独立的样式表文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。11.1关于CSS样式CSS样式表的功能一般可以归纳为以下几点。可以更加灵活地控制网页中文本的字体、颜色、大小、间距、风格及位置。可以灵活地为网页中的元素设置各种效果的边框。可以方便地为网页中的元素设置不同的背景颜色、背景图像及平铺方式。可以更加精确地控制网页中各元素的位置,使元素在网页中浮动。可以为
3、网页中的元素设置各种滤镜,从而产生诸如阴影、辉光、模糊和透明等只有在一些图像处理软件中才能实现的效果。可以与脚本语言相结合,使网页中的元素产生各种动态效果。11.1关于CSS样式在DreamweaverCS3中,【CSS样式】面板是新建、编辑、管理CSS样式的主要工具。在打开文档窗口的情况下,选择【窗口】/【CSS样式】命令可以打开或关闭【CSS样式】面板。11.2CSS的类型CSS样式通常划分为以下3种类型。(1)类CSS样式可以对任何标签进行样式定义,是比较常用的CSS样式定义方式。其显著特点是样式名称前有个“.”,需要手动对对象应用该类样式。4、ext/css">在网页文档中可以使用class属性引用“pstyle”类。…11.2CSS的类型(2)标签CSS样式可以对HTML标签进行样式定义,其显著特点是该类样式会自动为该标签的所有对象应用样式。例如,当创建或修改“h2”标签(标题2)的CSS样式时,所有使用“h2”标签进行格式化的文本都将自动应用该样式的效果。11.2CSS的类型(3)ID或伪类CSS样式利用ID或伪类CSS样式可对标签组合(如“tdh2”表示所有在单元格中出现“h2”的标题)或者是含有特定ID属性的标签应用样式。而“#myStyle1a:visited,#myStyle2a:link,#myStyle3…”表示可以一次性定义相同属性的多个CSS样式。可以通过ID
4、ext/css">在网页文档中可以使用class属性引用“pstyle”类。…
6、属性应用到HTML中:…
7、如表格)来说,是一种功能的扩展,而对于一些浮动元素(如层)来说,却是有效地、用于精确控制其位置的方法。11.3.8扩展【扩展】分类对话框包含两部分。11.4CSS滤镜静态滤镜动态滤镜可应用CSS滤镜的HTML标签11.4.1静态滤镜CSS滤镜分为静态滤镜和动态滤镜两大类,其中静态滤镜主要用于使被施加对象产生各种静态的特殊效果。一、Alpha滤镜让对象呈现渐变半透明的效果,示例如下。filter:Alpha(Opacity=100,FinishOpacity=30,Style=2,StartX=0,StartY=0,
此文档下载收益归作者所有