牛客前端宝典——刷题 ##Day2

🍀作者简介：在校大学生，为前端方向努力拼搏的一名追梦人。

🍁个人主页：亦世凡华、

🫒系列专栏：牛客前端宝典

🍂想要和博主一起学习前端或想巩固自己知识，可以点击链接：牛客网 推开自己的世界之门。

🏍️任性的要求我从来没提过，只想你能每天关注我。

🥥前言：

🏆编程就像我们平常做题一样，如果只是一味的学习不去做题的话所得到的效果微乎其微。因此我也是在网上寻找了很多题库但一直用的不舒心，直到找到了牛客，我才找到了学习做题的乐趣，不仅其能够很系统的将所学知识点梳理学习，也因其代码整洁题解清楚明了让人很快掌握知识。为此我是愿意和大家分享出来，一起学习。

今天我们讲解 零基础入门前端 类型的题库：点个关注我们继续走下去。

描述1：语义化标签

请使用语义化标签创建头部标签且包含导航标签。

注意：只需在html模块填写标签结构，有且仅有一个头部标签和一个导航标签。

根据题目所示，不难看出题目所考知识点是对语义化标签的熟悉，如果你没有完全掌握语义化标签推荐看一下我之前对语义化标签讲解的文章：语义化标签 ，现在。。。解：

描述2： 音频媒体标签属性

请写出具有控件功能的音频媒体标签。

根据题目所示，不难看出题目所考知识点是对多媒体标签的考查，如果你没有完全掌握多媒体标签推荐看一下我之前对多媒体标签讲解的文章：多媒体标签 ，现在。。。解：

描述3：视频媒体标签属性

请写出具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签。

根据题目所示，不难看出题目所考知识点是对多媒体标签的考查，如果你没有完全掌握多媒体标签推荐看一下我之前对多媒体标签讲解的文章：多媒体标签 ，现在。。。解：

描述4：CSS选择器——标签、类、ID选择器

请将html模块中字体内容是"红色"的字体颜色设置为"rgb(255, 0, 0)"，"绿色"设置为"rgb(0, 128, 0)"，"黑色"设置为"rgb(0, 0, 0)"，且字体大小都为20px。

根据题目所示，不难看出题目所考知识点是对选择器知识点的考察，如果你没有完全掌握选择器推荐看一下我之前对选择器讲解的文章：选择器 ，现在。。。解：

描述5：CSS选择器——伪类选择器

请将html模块中ul列表的第2个li标签和第4个li标签的背景颜色设置成"rgb(255, 0, 0)"。

根据题目所示，不难看出题目所考知识点是对伪类选择器知识点的考察，如果你没有完全掌握选择器推荐看一下我之前对选择器讲解的文章，虽然我只是讲解了超级链接方面的内容，但是也能触类旁通，学习到更多伪类选择器的使用：伪类选择器 ，现在。。。解：

描述6：CSS选择器——伪元素

请给html模块的div元素加一个后伪元素，且后伪元素的宽度和高度都是20px，背景颜色为"rgb(255, 0, 0)"。

根据题目所示，不难看出题目所考知识点是对伪元素知识点的考察，写这篇文章的时候我CSS专栏还没有讲解到伪元素的知识，在这就稍微提一下，伪元素是在元素后面插入内容根据题目所示就是说 div::after ，在元素上，content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’ 不会生成伪元素。所以:before和:after才需要指定一个看似无意义的 content: ""; 来初始化content的值。题目规定了宽高，为了使宽高设置有效又必须显式定义该伪元素为块级元素，也就是语句 display:block，如果想学习更多CSS的知识可以关注我一下CSS专栏，后期会讲解更多内容：CSS专栏 ，现在。。。解：

每次做完题提交成功的话都会弹框配带音乐鼓励你，我很庆幸，因为我找到了牛客。

个人总结：

今天题目就讲解到这，承接对上篇文章的内容对知识进一步加深学习，人的记忆可能会遗失，但人的潜力是无限的。每天刷题一次，对已学的知识不断巩固，这样的人是很容易成功的。牛客讲真的确是一个好的刷题网站，对于基础薄弱的人来说不亚于福音，如果认同我的话，就点击右边链接注册刷题吧🥑：牛客网

加油！！！未来伟大的前端工程师，可能就是你~~，点个关注一起加油！冲！