网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt

网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt

ID:50339216

大小:529.50 KB

页数:39页

时间:2020-03-08

网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt_第1页
网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt_第2页
网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt_第3页
网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt_第4页
网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt_第5页
资源描述:

《网页制作教程 教学课件 作者 赵丰年 1_ 第6章.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、第6章CSS技术6.1CSS入门6.2在网页中使用CSS6.3CSS样式定义6.4CSS属性6.5CSS过滤器效果6.1CSS入门6.1.1什么是CSS6.1.2CSS的属性单位6.1.2.1长度单位6.1.2.2百分比单位6.1.2.3颜色单位6.2在网页中使用CSS6.2.1在标记符中直接嵌套样式信息以下代码显示了在标记符中直接嵌套样式信息的用法,效果如图6-1所示。图6-1在标记符中直接嵌套样式信息在标记符中直接嵌套样式信息

2、ext-align:center">一代人黑夜给了我黑色的眼睛
我却用它寻找光明

6.2.2在STYLE标记符中定义样式信息以下代码使用了在网页中定义样式信息的方式,效果与图6-1一样。在标记符中直接嵌套样式信息

一代人

黑夜给了我黑色的眼睛
我却用它寻找光明

6.2.3链接外部样式表中的样式信息6.3CSS样式定义6.3.1HTML标记符selector6.3.2具有上下文关系的HTML标记符selector6.3.3用户定义的类selector6.3.4用户定义的IDselector6.3.5虚类selector6.4CSS属性6.4.1字体与文本属性6.4.1.1字体属性6.4.1.2文本属性6.4.2颜色与背景属性6.4.3布局属性6.4.3.1页面元素周围的空白以下

4、示例可以显示出这三种空白的区别,效果如图6-5所示(A表示边界、B表示边框、C表示填充)。图6-5元素周围空白的区别ABC边界、边框和填充的区别

生命中的成功之道是,一个人应妥善准备,以待时机的到来。

不一则不专,不专则不能。

6.4.3.2边框属性以下示例显示了

5、边框属性的用法,效果如图6-6所示。图6-6边框属性示例边框属性示例惜春

黑发不知勤学早,白首方悔读书迟。

——颜真卿

莫等闲白了少年头,空悲切。

——岳飞

6.4.3.3边界属性以下示例显示了边界属性的用法(为前面边框属性示例的“标题”和“作者”文字增加了

7、一定的边界空间),效果如图6-7所示。图6-7边界属性示例边界属性示例