CSS样式回顾与实战应用

本篇文档是关于北大青鸟JS教程中CSS样式表的学习回顾和实践部分。首先，章节回顾了已学的CSS基础知识，包括样式规则的语法及其用法，如行内样式、内嵌样式和外部样式表的定义。样式规则语法涉及选择器和声明，例如`selector {property: value;}`的形式，用以控制网页元素的外观。 演示示例涵盖了多种实际应用，如动态改变边框颜色（通过style属性）、按钮背景图片的修改（使用className属性）以及层或图片的隐藏/显示切换特效（通过display属性）。此外，还介绍了`getElementById()`和`getElementsByName()`这两个JavaScript方法的功能，它们在页面元素定位中扮演着关键角色。 文本属性样式部分详细讲解了`font-size`、`font-family`、`font-style`和`color`等，这些用于控制文本的字体、类型、样式和颜色。背景属性方面，讨论了`background-color`、`background-image`和`background-repeat`，帮助理解如何设置背景颜色和图像的重复方式。 细边框样式通过`.boxBorder`类展示了如何创建1像素宽度的实线边框，而图片按钮样式则展示了如何使用`background-image`来设置背景图片，并设置了无边框、外边距和填充以实现定制化设计。 预习检查部分强调了鼠标事件处理函数`onMouseOver`和`onMouseOut`的区别，前者在鼠标悬停时触发，后者在鼠标移开时触发。同时，也介绍了`inline`、`block`和`none`这三种元素展示模式，它们在布局中具有重要作用。 最后，文档列出了几个具体的制作实例，如制作51job的弹出层效果、图片切换效果以及改变边框样式和按钮图片样式的特效，这些都是实际操作中提升CSS技能的重要环节。总体来说，本章旨在确保学员掌握CSS基础并能够灵活运用到实际项目中。