CSS样式规则与事件理解：onMouseOver、onMouseOut及display属性解析

"北大青鸟JS教程的预习检查，主要涵盖了CSS样式规则的语法、用法，以及JavaScript中的事件处理函数onMouseOver与onMouseOut的区别，还涉及了CSS的display属性的三种值（inline、block、none）的作用。此外，教程中还强调了动态改变元素样式的能力，如使用style样式属性改变边框颜色，使用className属性改变按钮背景图片，以及利用display属性实现元素的隐藏、显示和切换特效。" 在CSS样式规则方面，语法通常包括选择器和声明块两部分。选择器指向你想要应用样式的HTML元素，而声明块则包含一个或多个声明，每个声明由一个属性和对应的值组成，用冒号分隔，属性和值之间用分号结束。例如，`p {color: red; font-size: 16px;}`，这里`p`是选择器，`color: red`和`font-size: 16px`是声明。CSS样式规则的用法广泛，可以用于控制文本颜色、字体大小、布局等。 onMouseOver和onMouseOut是JavaScript中的事件处理函数。onMouseOver事件在鼠标指针进入元素时触发，常用于显示额外信息或者改变元素状态。相反，onMouseOut事件在鼠标离开元素时触发，常用于恢复原来的状态或隐藏之前显示的信息。 display属性是CSS中控制元素显示方式的关键属性。'inline'使得元素保持在同一行内显示，如文字和图片；'block'使元素呈现为块级元素，如段落或标题，它们会在新行开始；'none'则会隐藏元素，使其在页面上完全不可见，不占用空间。 在JS教程中，学习者将通过一系列的演示示例来实践这些概念，如制作浮动广告图片、全选/反选复选框，以及51job的弹出层效果和图片切换特效。掌握这些技能对于前端开发至关重要，能够提升网页交互性和用户体验。同时，使用style属性和className属性可以动态地改变HTML元素的样式，这在响应式设计和动态界面中尤为有用。display属性的灵活运用，如在实现层的隐藏和显示、图片切换等特效中，更是不可或缺的一部分。