青岛农业大学理学与信息科学学院Web程序设计课件 第三章.pptVIP

?CSS样式表? * CSS的布局 Box Model 是CSS的基石之一 页面上的每个元素被看作是一个矩形框，这个框由元素的内容、填充、边框和空白边(margin)组成 填充出现在内容区域的周围，如果元素上添加背景，那么背景会应用于由内容和填充组成的区域 添加边框会在填充区域外加一条边线，线条可以有多种样式 空白边是透明的，用来控制元素之间的间隔 ?CSS样式表? * Box Model中的属性 5-19 boxmoldel.html 填充、边框和空白边都可以设置，默认值均为0 注意： 在CSS的BOX模型中，width和height指的是内容区域的宽度和高度 而IE5和IE6在怪异模式中采用自己的非标准的Box模型，width是内容、填充和边框宽度的总和，height也是如此 ?CSS样式表? * 六、用CSS样式制作一些特殊效果 1、给文字设置图形背景：利用层 2、文字间的重叠效果：利用两个层 3、首字放大 P:first-letter{……} 例5-10.htm ?CSS样式表? * 七、样式表的高级应用 1、CSS的滤镜属性 （filter） 的应用 2、应用滤镜制作常见特效 文字特效 鼠标特效 图像特效 3、利用css进行页面布局 滤镜实例 ?CSS样式表? * 1、CSS的滤镜属性 （filter） 的应用 样式表滤镜的构成 标记{FILTER :