前端网页设计第4次课.ppt

分发本次课所用文件 项目准备-任务3–子任务2-任务实施过程.doc 项目准备-任务3 –子任务2-任务实施总结.doc 项目准备-任务4–子任务1-任务实施准备.doc 知识点： CSS常用属性 CSS格式属性 (字体、文本、边框、边界填充、背景、光标) CSS列表属性 CSS定位属性 CSS滤镜属性 CSS格式属性 1、字体属性 2、颜色和背景属性 3、文本属性 4、“容器属性”(边距、边框等) 5、光标属性 1、字体属性 小写转换为大写 text-decoration:文本修饰(none、underline、overline、line-through、blink) font:字体复合属性，设置字体的所有属性。字体、字形、颜色等，属性值之间用空格隔开 2、颜色和背景属性 background:背景复合属性，定义元素的各种背景属性。 背景颜色、背景图像、背景重复、背景附件、背景位置，各属性值空格隔开 3、文本属性 4、“容器”属性 CSS的容器属性包括边距、边框、填充距和图文混排(宽度、高度、浮动、清除)等属性。 ※边距属性 顺序：上、右、下、左 设置四周边距 margin ※边框属性 border复合属性：使四条边框的属性值一样 ※填充距属性 填充距指的是文本边框与文本之间的距离。 顺序：上、右、下、左 设置四周填充距 padding 5、光标属性 用CSS来改变鼠标光标的属性，(如：鼠标移动到不同的地方时；鼠标需要执行不同的功能时；系统处于不同的状态时等)，让鼠标指针以不同的形状、图案显示。 “cursor”属性实现鼠标光标的改变，下图是cursor属性的属性值 cursor 属性 n Ne e Se s Nw w Sw CSS列表属性 1、列表类型list-style-type 2、项目符号图像list-style-image 3、列表位置list-style-position 4、列表复合属性list-style CSS列表属性用来定义列表元素的显示效果 CSS定位属性 CSS定位主要是在页面的布局和控制上进行定义，使页面从这两个方面都展现得非常完美，更加富有动感。 分相对定位和绝对定位。