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

简介: 🏆编程就像我们平常做题一样,如果只是一味的学习不去做题的话所得到的效果微乎其微。

描述1:语义化标签

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

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

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

图片.png

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

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

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

图片.png

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

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

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

图片.png

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

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

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

图片.png

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

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

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

图片.png

描述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专栏 ,现在。。。解:

图片.png

相关文章
|
前端开发
#yyds干货盘点# 前端歌谣的刷题之路-第五十六题-移除数组中的元素
#yyds干货盘点# 前端歌谣的刷题之路-第五十六题-移除数组中的元素
64 0
#yyds干货盘点# 前端歌谣的刷题之路-第五十六题-移除数组中的元素
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十九题-call
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十九题-call
87 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十九题-call
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百七十题-bind
#yyds干货盘点# 前端歌谣的刷题之路-第一百七十题-bind
82 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百七十题-bind
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十八题-object.create
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十八题-object.create
52 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十八题-object.create
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.reduce
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.reduce
70 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.reduce
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.map
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.map
89 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十七题-Array.map
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十六题-instanceOf
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十六题-instanceOf
64 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十六题-instanceOf
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十四题-快速排序
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十四题-快速排序
64 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十四题-快速排序
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十一题-事件委托
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十一题-事件委托
86 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十一题-事件委托
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十题-object.freeze
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十题-object.freeze
58 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百六十题-object.freeze