CSS字体设置 应用

本次课程主要讲解了CSS字体设置、服务器字体的使用方法，并重点介绍了通过JavaScript实现动态改变网页样式的交互功能。
小结

1. CSS字体设置
   •font-family: 用于设置字体，可设置多个字体，以备备选。中文和英文需分别设置。
   •font-weight: 用于设置字重，可取normal、bold或100-900的数值，数值越大越粗。
   •font-style: 用于设置字体是否倾斜，可取italic或oblique，推荐使用italic。
   •综合写法: font-family、font-weight、font-style、font-size四个属性可以组合书写，但必须按此顺序。
2. 服务器字体的使用
   •服务器字体允许在网页中使用用户电脑未安装的字体。
   •使用步骤：第一步，使用@font-face规则在CSS中定义新字体；第二步，通过font-family属性在需要的地方引用已定义的字体。
3. 结合JavaScript实现动态改变样式
   •通过为HTML元素添加onclick事件，点击按钮后触发JavaScript函数。
   •在函数内，使用document.querySelector()或document.getElementsByClassName()等方法获取目标元素。
   •通过修改获取到的元素的style属性（如background-color），实现动态改变其样式的交互效果。
   待办
4. 服务器字体实践
   •使用讲师 在群里分享的中文字体，仿照步骤在项目中实践服务器字体的使用方法，并将预览效果截图发到群里。
5. 动态改变样式的实现
   •完成结合JavaScript实现动态改变样式的交互功能，实现点击按钮后，div背景色在红色和蓝色之间切换的效果。