领翔 - 个人主页动态 - 牛客网

发布(36) 评论刷题收藏

2021-11-19 19:01

运城职业技术大学前端工程师

题解 | #点击按钮隐藏元素#

html   css   javascript   <!DOCTYPE html> <html> <head> <meta charset=utf-8> </head> <body> <div class='box'> <div class='btn'>X</div> </div> </body> </html>   .box { width: 100px; height: 100px; border: solid 1px black; positio...

0 点赞评论收藏

分享

2021-11-19 18:41

运城职业技术大学前端工程师

题解 | #CSS单位（二）#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> div { /*补全代码*/ width: 4rem; height: 4rem; } </style> </head> <body> <div></div> </body> </html>

0 点赞评论收藏

分享

2021-11-19 18:39

运城职业技术大学前端工程师

题解 | #CSS单位（一）#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> .box { /*补全代码*/ width: 4em; height: 4em; } </style> </head> <body> <div class='box'></div> </body> </html>

0 点赞评论收藏

分享

2021-11-19 18:37

运城职业技术大学前端工程师

题解 | #行内元素垂直水平居中#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> p { width: 800px; height: 40px; border: solid 1px black; /*补全代码*/ text-align: center; line-height: 40px; } </style> </head> <body> <p>牛客网，是一个集笔面试系统、题库、课程教育、社群交流、招聘内推于一...

0 点赞评论收藏

分享

2021-11-19 17:16

运城职业技术大学前端工程师

题解 | #绝对定位#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> .wrap { width: 100px; height: 100px; border: solid 1px black; /*补全代码*/ position: relative; } .btn { width: 20px; height: 20px; text-align: center; background-color: red; /*补全代码*/ position: ab...

0 点赞评论收藏

分享

2021-11-19 17:13

运城职业技术大学前端工程师

题解 | #固定定位#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> .box { width: 100px; height: 100px; /*补全代码*/ position: fixed; left: 0px; top: 0px; } </style> </head> <body> <div class='box'></div> </body> </html>

0 点赞评论收藏

分享

2021-11-19 17:11

运城职业技术大学前端工程师

题解 | #浮动和清除浮动#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> .wrap { /*补全代码*/ height: 100px; clear: both; } .left { width: 100px; height: 100px; /*补全代码*/ float: left; } .right { width: 100px; height: 100px; /*补全代码*/ float: left; } </style> </h...

0 点赞评论收藏

分享

2021-11-19 17:08

运城职业技术大学前端工程师

题解 | #设置盒子宽高#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> /*补全代码*/ .box { width: 100px; height: 100px; padding: 20px; margin: 10px; } </style> </head> <body> <div class="box"> </div> </body> </html>

0 点赞评论收藏

分享

2021-11-19 17:06

运城职业技术大学前端工程师

题解 | #按要求写一个圆#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> /*补全代码*/ div { width: 50px; height: 50px; border-radius: 50px; border: 1px solid #000; } </style> </head> <body> <div></div> </body> </html>

0 点赞评论收藏

分享

2021-11-19 17:01

运城职业技术大学前端工程师

题解 | #CSS选择器——伪元素#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> /*补全代码*/ div::after { content: ''; display: block; width: 20px; height: 20px; background-color: rgb(255,0,0); } </style> </head> <body> <div></div> </body>...

0 点赞评论收藏

分享

2021-11-19 16:55

运城职业技术大学前端工程师

题解 | #CSS选择器——伪类选择器#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type="text/css"> ul li:nth-child(2),ul li:nth-child(4){ background-color: rgb(255,0,0); } </style> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li&...

0 点赞评论收藏

分享

2021-11-19 16:49

运城职业技术大学前端工程师

题解 | #CSS选择器——标签、类、ID选择器#

html   css   javascript   <html> <head> <meta charset=utf-8> <style type=\"text/css\"> div { color: rgb(255,0,0); font-size: 20px; } .green { color: rgb(0,128,0); } #black { color: rgb(0,0,0); } </style> </head> <body> <div>红色</div> <div class...

0 点赞评论收藏

分享

2021-11-19 14:13

运城职业技术大学前端工程师

题解 | #视频媒体标签属性#

html   css   javascript   <video onerror=""></video>

0 点赞评论收藏

分享

2021-11-19 14:07

运城职业技术大学前端工程师

题解 | #音频媒体标签属性#

html   css   javascript   <audio controls></audio>

0 点赞评论收藏

分享

2021-11-19 13:37

运城职业技术大学前端工程师

题解 | #语义化标签#

html   css   javascript   <header> <nav></nav> </header>

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客网在线编程
牛客网题解
牛客企业服务