课程章节介绍
同学们,今天我们要来做一个有趣的练习,就是修改我们的学生浏览器表单的外观和感觉。我们会用到一个叫做“闪电卡”的东西来包裹我们的表单,这样看起来会更专业一些。
首先,我们要在闪电卡里添加一个标题,叫做“过滤学生”,还会放一个放大镜的图标,这样用户一看就知道这里是用来搜索和过滤学生信息的。
接下来,我们要创建一个自定义的CSS类。这个类会让我们的表单文字使用Comic Sans字体,并且加上文本阴影。这样做的目的是让这个表单看起来与众不同,一眼就能看出我们应用了这个样式。
最后,我们还会用到SDS中的一些实用程序类。这些类有两个作用:一是给浏览器表单内部添加一些填充,让内容看起来不那么拥挤;二是在闪电卡和下面的标签集之间提供一些页边距,这样它们就不会紧贴在一起,整体布局会更加美观。
好了,这就是我们今天要做的练习。通过这些步骤,我们的学生浏览器表单不仅功能强大,外观也会变得更加吸引人。大家开始动手试试吧!