七章使用样式修饰页面.ppt
《七章使用样式修饰页面.ppt》由会员分享,可在线阅读,更多相关《七章使用样式修饰页面.ppt(45页珍藏版)》请在三一文库上搜索。
1、第七章 使用样式修饰页面,本章学习目标,熟悉CSS样式面板 掌握创建和使用一些常用的CSS样式的方法 掌握通过CSS样式管理和修饰页面的方法,1. CSS样式的创建,CSS的全称是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表。 CSS可以扩展HTML的功能,美化页面 最基本的功能就是为了将样式的定义与HTML文件分离开来。,我们定义一个CSS文件,并让所有HTML文件都调用这个CSS文件所定义的样式,以后要更改HTML中某段落的样式时,只要到CSS文件中,更改样式的定义即可。,在CSS里面可以使用四种方法,将样式表添加到网页里面。分别为: 直接定义标记的S
2、TYLE属性(不建议) 定义内部样式表 嵌入外部样式表 连接外部样式表,(1)直接定义标记的STYLE属性, aaa bbb ccc ddd 实例1css_zhijiedingyicss.htm,(2)定义内部样式表,在元素中定义,其语法为: 实例201css_zidingyineibuyangshi.htm 其中的样式名称可以放在一起,表示相同的样式属性。 如样式名称1,样式名称2样式属性:属性值;样式属性:属性值; 实例:202css_zidingyineibuyangshi.htm,可以使用CLASS与ID选择符, 在CSS里定义样式,Clsss类选择符的使用语法: 实例211css_z
3、idingyineibuyangshi.htm,利用ID指定选择符定义样式 用class时 “标记名称.样式名称” 用id定义时 “标记名称#样式名称” ,(3)嵌入外部样式表,将样式定义在独立的CSS文件中,当浏览器在进行HTML文件的读取时,将以嵌入的方式,复制一份样式表到这个HTML文件中。 嵌入外部样式表的语法: 实例213css_qianruwaibucss.css 213css_qianruwaibucss.htm,(4) 连接外部样式表,当浏览器读取到HTML文件内设置格式的标记时,将会向所连接的外部样式表索取样式。 连接外部样式表的语法: ,四种方法同时出现时的使用顺序,直接定
4、义标记的style属性最为优先。 其他三种如果同时出现,且各方法定义的样式又不相同时,浏览器会选择较后定义的样式显示。,展开“设计”面板,并选中“CSS样式”标签,出现 “CSS样式”面板,新建特定类型的样式 “确定”,完成创建,单击面板右下角的“新建CSS样式”按钮 ,创建CSS样式,弹出“新建CSS样式”对话框。,名称:CSS样式的命名 类型:自定义或HTML标签属性、超链接属性更改 定义在:CSS样式的作用范围和保存位置,2. CSS样式对话框的设置,类 型 背 景 区 块 方 框 边 框 列 表 定 位 扩 展,类型:主要用于定义文字的属性。,返回该节,背景:主要用于设置CSS样式的背
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 使用 样式 修饰 页面
链接地址:https://www.31doc.com/p-2582621.html