css上机考试题

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

最近我参加了一次css上机考试,这里分享一下考试题目和自己的思路。题目一:<div id= container > <div class= box &

最近我参加了一次css上机考试,这里分享一下考试题目和自己的思路。

题目一:

<div id="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div> 

请写出一个css选择器,能够将container下的第二个box背景颜色设置成红色。

我的思路是使用nth-child选择器,选中container下的第二个子元素,再使用background-color属性设置背景颜色。

#container .box:nth-child(2) {
  background-color: red;
} 

题目二:

<div id="container">
  <p class="text">这是一个段落</p>
</div> 

请将段落的字号设置为16px,字体设置为Verdana。

我的思路是选中class为text的元素,使用font-size属性设置字号,使用font-family属性设置字体样式。

#container .text {
  font-size: 16px;
  font-family: Verdana;
} 

以上就是我在css上机考试中遇到的两个题目及解答。希望能对大家有所帮助,也希望大家在考试中能够熟能生巧,取得好成绩。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css上机考试题

粉丝

0

关注

0

收藏

0

已有0次打赏