- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
DivCSS布局基础
3.4 相对定位与绝对定位 相对定位 3.4 相对定位与绝对定位 绝对定位 4.0 一个简单的CSS布局实例 网页制作流程: 效果图—切图——布局(DIV+CSS、table— 嵌入动态程序或模板标签——测试——发布 CSS(Cascading Style Sheet),中文译为层叠样式表。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 【本章学习目的】 本章通过多个CSS样式的应用实例,重点介绍了CSS样式表功能、定义CSS规则的方法,应用内嵌式样式表和链接外部样式表的方法等,通过本章的学习,读者应了解CSS样式表的用途,掌握创建和应用CSS样式表的方法,学会用CSS样式表进行网页的美化和网页布局。 5.1 利用CSS 样式表的网页实例 CSS样式表是由一系列样式选择器和CSS属性组成,它支持字体属性、颜色和背景属性、文本属性、边框属性、列表属性以及精确定位网页元素属性等,增强了网页的格式化功能。 使用CSS样式表的另一个优点是可以利用同一个样式表对整个站点的具有相同性质的网页元素进行格式修饰,当需要更改样式设置时,只要在这个样式表中修改,而不用对每个页面逐个进行修改,简化了格式化网页的工作。 5.1 利用CSS 样式表的网页实例 【例5.5】利用CSS样式还可以代替表格进行网页布局,这是目前较为流行页面排版方式,如图所示。 该实例主要采用了div标签+css样式,涉及到的知识点有以下几点: 分析构架:画出构架图; 模块拆分:分别定义Div的CSS样式; 在网页中插入Div标签,在Div中填充网页内容; 总体调整:色彩及内容调整,适当修改CSS样式。 5.2 使用CSS样式表 5.2.1 CSS样式表概述 1、样式表的使用 CSS样式表的使用常用的方法有以下两种: 页面内嵌法。将样式表代码直接写在HTML标签的head区。 外部链接法。将样式表写在一个独立的后缀名为CSS文件中,在需要应用CSS样式的网页中链接该文件,在页面head和/head之间用以下代码调用。link href=css/master.css rel=stylesheet type=text/css / 5.2 使用CSS样式表 2、CSS样式表语法选择符 { 属性1:值1;属性2:值2…… } 参数说明: 属性和属性值之间用冒号(:)隔开,定义多个属性时,属性之间用分号(;)隔开。 1. 创建CSS样式 选择“窗口”菜单|“CSS样式”命令,打开“CSS样式”面板,单击右下角的“新建CSS规则”按钮,或选择“文本”菜单|“CSS样式”|“新建”命令,弹出“新建CSS规则”对话框. 5.2.2 在Dreamweaver中定义CSS 5.2.2 在Dreamweaver中定义CSS 选择器类型有以下三种: (1) 类 自定义 CSS 规则,它的特点是灵活多变,可以重复将样式应用于网页元素。在应用时,它会在HTML标签内加入一个类(class)的定久来规定标签中的格式。比如将类的样式mystyle定义于某个标题,那么代码为: h1 class=”mystyle”标题1应用自定义的样式/h1 (2) 标签 重新定义指定标签的外观,例如:创建或更改 h1 标签的 CSS 样式时,所有用 h1 标签设置了格式的文本都会立即更新,实现了批量快速更改格式的特点。 5.2.2 在Dreamweaver中定义CSS (3) 高级 在CSS 选择器中,它的功能最为强大,可以定义超链接的特效,定义特定元素组合的格式设置(例如:body,table,td,用逗号隔开),定义嵌套的样式(td img 空格隔开),定义包含特定 id 属性的标签的格式设置。 定义的位置有以下三种情况: 选择“仅为该文档”,此时CSS样式的代码会嵌套在网页head和/head标签中。 选择“新建样式表文件”,则弹出“保存样式表文件为”对话框,如图5.5所示,选择样式文件的存储路径和文件名,单击“保存”按钮,将CSS样式代码单独存放在一个CSS文件。 选择“已有的某CSS文件”,将新建的CSS规则写入已有的css文件中。 比如:选择定义在“仅对该文档”,单击“确定”按钮后,弹出“H1的CSS规则定义”对话框,如图所示,在对话框中进行各项的格式设置,然后单击“确定”按钮。 2.编辑和删除CSS样式 创建CSS样式后,如果要修改CSS样式,在“CSS样式”面板中,单击“CSS样式”面板右下角的“
文档评论(0)