第18讲CSS3.pptVIP

8.5.2 “类型”样式设置 主要设置文本属性。 例：用“类型”定义字体和行间距（行高）。 8.5.3 “背景”样式设置 可设置任何对象的背景颜色或背景图像等属性。 例：调整背景图像的重复次数，固定背景图像的位置。（对页面背景，修改body标记） 例：设置鼠标移近时的背景色。（设置a:hover的属性） 8.5.4 “区块”样式设置 用于设置网页中块元素的间距、对齐方式、文字缩进等属性。块元素可以是文本、图像、层等。 垂直对齐：控制文字或图像相当于其母体元素的垂直位置。 显示：指定是否以及如何显示元素。“无”为隐藏应用此属性的元素。 例：定义文本首行缩进，调整文字间的距离。 8.5.5 “方框”样式设置 用于控制网页中块元素的大小，以及与周围对象之间的边距、填充、对齐等属性。 块元素可以是文本、图像、层等。 CSS中SPAN和DIV的区别 DIV是一个块级元素，可以包含段落、标题、表格等，他的前面及后面都需换行 。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义 。 SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。 测试一下下面的代码：  测试span紧跟前面的测试显示/spandiv这里会另起一行显示/div 8.5.6 “边框”样式设置 可为文本或图像、表格等对象加上各种边框。 例：为表格加细边框、为单元格加下边框、制作加边框的文本。 8.5.7 “列表”样式设置 设置项目符号或编号的外观。 例：用图像作为项目符号。 8.5.8 “定位”样式设置 控制网页元素的位置，主要针对层的位置进行控制。“类型”选项： 静态：默认值。所有取值为static的对象都按照你所编写的html标签的顺序依次呈现。 绝对：以页面左上角为坐标原点定位层； 固定：以页面左上角为坐标原点，当页面滚动时，层在此位置保持固定。 相对：以前一对象在文档中的位置为坐标原点。 8.6 “扩展”样式设置 设置鼠标经过应用了该样式的对象时鼠标指针的形状、指定打印分页、为对象加滤镜。 CSS滤镜只能作用于有区域限制的对象，例如表格、单元格、图片等，不能直接作用于文字，所以需要把设置特效的文字事先放在表格的单元格中，然后对单元格应用CSS样式，从而使文字产生特殊效果。 例：利用滤镜表现各种图像效果。 blur：制作模糊图像。1、270、15 add：为1(true)时才有效果。（默认） direction：应用的方向。 strength：代表有多少像素的宽度将受模糊影响。 wave：制作晃动效果。如取值：1、3、5、220、6 add：为1(true)时才有效果。（默认） freq：值越高变形的频率越高。 lightstrenght：光的量。 phase：指定变形数，取值0－360 strenght：变形的大小。 注：有些滤镜无法直接加载到文字上，但可以加载到td标记中。 * 8.5 CSS的属性 类型 背景 区块 方框 边框 列表 定位 扩展 边界 边框线 填充 内容块 例：为图像加虚线边框。设置“填充”为10px，“边界”为20px 课堂实践——办公用品网页 使用“Alpha滤镜”制作图片半透明效果。参见教材197页 效果图 ★ 课外拓展实践 ★ （1）在“广东纺院网站”站点文件夹“13美化页面”中创建网页“13.html”，在页面插入表格，然后在表格中输入文字、插入图像。 （2）创建一个CSS样式文件，并命名为style1.css，该样式包含控制表格中文字的代码。 （3）在网页文档“13.htm”中链接文件style1.css，然后对网页中的对象应用样式。 完成后交到“第10次作业”文件夹。