网页编程6

第6章CSS应用美化网页多样的超链接链接颜色的设置美化网页多样的超链接去除链接的下划线美化网页华丽的滚动条立体滚动条的制作美化网页炫目的光标取值样式取值样式取值样式取值样式auto同defaultpointer手伸食指nw-resize西北箭头s-resize向南箭头help问号move十字箭头n-resize向北箭头w-resize向西箭头crosshair“十”字e-resize向东箭头se-resize东南箭头text“工”字default默认ne-resize东北箭头sw-resize西南箭头wait沙漏区域与层区域的概念•在网页上划出特定的一块，在这个块可以包含文字、图片和表格等各种网页组件，这个块就是区域。区域的作用是划分网页——把密切相关的组件组织在一起，以便集体设置；并把它们同别的组件区分开来——各区域之间彼此独立。•“div/div”标记就是区域标记。区域与层区域的概念区域的定义：制作3个相邻的区域区域与层区域的概念区域的定位：区域的定位区域与层区域的概念区域的定位：区域的相对位置区域与层网页组件的分段管理分段显示不同的文字字体区域与层层的概念层的定义：区域的重叠区域与层层的概念层的定义：改变区域的重叠顺序区域与层层的概念三维空间的建立：图片和文字层次的建立CSS与HTML结合的方式HTML的内部定义对HTML标记直接定义：CSS与HTML结合的方式HTML的内部定义在HTML标记内直接定义：CSS与HTML结合的方式HTML的内部定义利用class或id选择性定义：CSS与HTML结合的方式HTML的外部定义以嵌入方式调用CSS文件：CSS与HTML结合的方式HTML的外部定义以链接方式调用CSS文件：CSS与HTML结合的方式CSS的调用顺序CSS与HTML结合的方式CSS的继承性质标记中的包含继承：包含继承CSS与HTML结合的方式CSS的继承性质标记中的包含继承：定义冲突CSS与HTML结合的方式CSS的继承性质标记中的相互继承：CSS中的滤镜滤镜的概念•滤镜的概念其实是从摄影领域引用过来的，就是滤光镜、滤色片的意思。它对图片的颜色进行一定的处理，以达到不同的效果，如颜色渐变、动态模糊、过度曝光、透明、变形，等等。•和专业的图像处理软件相比，CSS中提供的滤镜功能当然并不那么强大，但CSS还是提供了一些最基本、最常用的滤镜效果，对于一般的网页制作来说，这些已经足够用了。CSS中的滤镜滤镜的效果alpha滤镜：透明渐变效果CSS中的滤镜滤镜的效果blur滤镜：动态模糊效果CSS中的滤镜滤镜的效果filph和filpv滤镜：翻转效果CSS中的滤镜滤镜的效果gray滤镜：黑白效果CSS中的滤镜滤镜的效果invert滤镜：底片效果CSS中的滤镜滤镜的效果xray滤镜：X光效果CSS中的滤镜滤镜的效果wave滤镜：波浪效果CSS中的滤镜滤镜的效果chroma滤镜：去色效果CSS中的滤镜滤镜的效果dropshadow滤镜：阴影效果CSS中的滤镜滤镜的效果glow滤镜：光晕阴影效果CSS中的滤镜滤镜的效果mask滤镜：印章效果CSS中的滤镜滤镜的效果shadow滤镜：动态阴影效果总结回顾•超链接、滚动条、光标•区域、层•CSS、HTML结合的方式•CSS的调用顺序、继承性质•CSS中的滤镜重点：2、3更多信息•列出可扩展内容。。。•列出参考资源（书籍、文章、网址等）。•请求学员反馈、回答问题。•作业问题讲解。。。作业与预习•作业。。。•预习。。。•回顾安排。。。•实验安排。。。