linkedin-skill-assessments-quizzes

CSS

Q1. 以下选择器中，哪个选择器在选择锚链接元素时具有最高的特异性排名？

ul li a
a
.example a
div a

Q2. 使用属性选择器，如何选择带有 “title” 属性的 <a> 元素？

注意：以下问题的替代问题。

Q3. <a> 标签中包含 title 属性的 CSS 选择器是什么？

注意：上述问题的替代问题。

Q4. CSS 网格和弹性盒现在越来越流行用于创建页面布局。然而，浮动仍被广泛使用，特别是在处理旧代码库或需要支持旧版浏览器时。清除浮动的两种有效技术是什么？

Q5. 以下选择器匹配哪些元素？

1) .nav {
  ...;
}
2) nav {
  ...;
}
3) #nav {
  ...;
}

Q6. 在添加透明样式时，使用 opacity 属性与使用带有 rgba() 值的 background 属性有什么区别？

Q7. 关于块级元素和内联元素，哪种说法是正确的？（替代问题：关于块级元素和内联元素的说法哪一个是正确的？）

Q8. CSS 网格引入了一种新的长度单位 fr，用于创建灵活的网格轨道。参考以下代码示例，三个列的宽度将是多少？

.grid {
  display: grid;
  width: 500px;
  grid-template-columns: 50px 1fr 2fr;
}

注意：以下问题的替代问题。

Q9. 如果容器的宽度为 500 像素，那么在这个布局中，三列的宽度将是多少？

.grid { display: grid; grid-template-columns: 50px 1fr 2fr; }

注意：上述问题的替代问题。

Q10. line-height 属性的用途是什么？

Q11. 以下关于类选择器的说法中，哪一个是不正确的？

注意：以下问题的替代问题。

Q12. 以下关于类选择器的说法中，哪一个是不正确的？

注意：上述问题的替代问题。

Q13. 有许多属性可以用来对齐元素并创建页面布局，例如 float、position、flexbox 和 grid。在这四个属性中，哪一个应该用于对齐固定在页面顶部的全局导航栏？

Q14. 在以下简写示例中，哪些单独的背景属性被表示？

background: blue url(image.jpg) no-repeat scroll 0px 0px;

background-color: blue;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;

background-color: blue;
background-img: URL(image.jpg);
background-position: no-repeat;
background-scroll: scroll;
background-size: 0px 0px;

background-color: blue;
background-src: URL(image.jpg);
background-repeat: no-repeat;
background-wrap: scroll;
background-position: 0px 0px;

background-color: blue;
background-src: URL(image.jpg);
background-repeat: no-repeat;
background-scroll: scroll;
background-position: 0px 0px;

Q15. 在这个示例中，根据层叠和特异性规则，链接的颜色将是什么？

.example {
  color: yellow;
}
ul li a {
  color: blue;
}
ul a {
  color: green;
}
a {
  color: red;
}

<ul>
  <li><a href="#" class="example">link</a></li>
  <li>list item</li>
  <li>list item</li>
</ul>

Q16. 当元素重叠时，它们在 z 轴上的顺序（即哪个元素覆盖另一个）可以通过 z-index 属性来指定。以下关于 z-index 属性的说法哪一组是正确的？

注意：以下问题的替代问题。

Q17. 当容器内的元素重叠时，可以使用 z-index 属性来指示这些项目如何堆叠在彼此之上。哪一组说法是正确的？

注意：上述问题的替代问题。

Q18. 以下 line-height 设置之间有什么区别？

line-height: 20px;
line-height: 2;

Q19. 在以下示例中，段落一和段落二的颜色将是什么？（替代问题：在这个示例中，段落一和段落二的颜色将是什么？）

<section>
  <p>paragraph one</p>
</section>

<p>paragraph two</p>

section p {
  color: red;
}
section + p {
  color: blue;
}

Q20. 将 CSS 添加到 HTML 页面有三种有效方式，分别是什么？

Q21. 以下关于 SVG 图像格式的说法哪一个是正确的？

Q22. 在以下示例中，什么时候会将粉色应用于锚元素？

a:active {
  color: pink;
}

Q23. 要使用 CSS 更改 SVG 的颜色，使用哪个属性？

Q24. 使用 position: fixed 时，元素将始终相对于什么进行定位？

Q25. 默认情况下，背景图像将重复 _

Q26. 使用媒体查询时，媒体类型用于定位设备类别。以下选项列出了当前有效的媒体类型？

Q27. 如何使页面上每个段落的第一个字母变成红色？

Q28. 在这个示例中，什么是选择器、属性和值？

p {
  color: #000000;
}

Q29. rem 单位基于什么？

Q30. 哪种选择可以让块元素有圆角？

官方文档

Q31. 在以下媒体查询示例中，目标条件是什么？

@media (min-width: 1024px), screen and (orientation: landscape) { … }

Q32. CSS 的 transform 属性用于改变选定对象的形状和位置。transform-origin 属性指定元素变换的原点位置。默认情况下，原点的位置是什么？

参考

Q33. 以下哪项不是有效的颜色值？（或：以下哪项不是有效的颜色值？）

Q34. 以下两个元素之间的垂直间距是多少？

<div style="margin-bottom: 2rem;">Div 1</div>
<div style="margin-top: 2rem;">Div 2</div>

参考 MDN Webdocs

Q35. 使用 Flexbox 方法时，哪个属性和值用于将 flex 项以列的形式显示？

Q36. 哪种声明会优先？

Q37. flex-direction 属性用于指定 flex 项显示的方向。在以下示例中，哪些值用于指定项的方向？

quote

Q38. 有两个兄弟选择器可以用于选择同一父元素内的元素：通用兄弟选择器（~）和相邻兄弟选择器（+）。参考以下示例，样式将应用于哪些元素？

h2 ~ p {
  color: blue;
}
h2 + p {
  background: beige;
}

<section>
  <p>paragraph 1</p>
  <h2>Heading</h2>
  <p>paragraph 2</p>
  <p>paragraph 3</p>
</section>

注意：以下问题的变体。

Q39. 哪些元素会显示为蓝色文本？

h2 ~ p {
  color: blue;
}

<section>
  <p>P1</p>
  <h2>H2</h2>
  <p>P3</p>
  <p>P4</p>
</section>

参考

Q40. 使用 Flexbox 时，”justify-content” 属性可以用于沿主轴分配 flex 项之间的空间。以下哪个值应该用于在容器中均匀分布 flex 项？

quote

Q41. 使用图标字体有许多优点，其中一个优点是什么？

Q42. display:none 和 visibility:hidden 之间有什么区别？

Q43. 应使用什么选择器和属性可以在悬停时将元素缩小 50%？

Q44. 关于图标字体，以下哪项陈述是正确的？

Q45. font-weight 属性的值可以是关键字或数字。以下每个数字值对应的关键字是什么？

font-weight: 400;
font-weight: 700;

Q46. 使用 :nth-child 伪类，最有效的方法是什么来为列表中的每第三项设置样式，无论有多少项，从第 2 项开始？

li:nth-child(3 + 2n) {
  margin: 0 5px;
}

li:nth-child(3n + 2) {
  margin: 0 5px;
}

li:nth-child(2),
li:nth-child(5),
li:nth-child(8) {
  margin: 0 5px;
}

li:nth-child(2n + 3) {
  margin: 0 5px;
}

Q47. 哪个选择器会选择当前页面内的内部链接？

Q48. margin 和 padding 属性之间有什么区别？

Q49. 哪种方式不是声明顶部和底部为 10 像素，左侧和右侧为 0 像素的 padding 值的有效方法？

Q50. 这段代码中是否有错误？如果有，找到问题的最佳描述。

@font-face {
  font-family: 'Avenir', sans-serif;
  src:
    url('avenir.woff2') format('woff2'),
    url('avenir.woff') format('woff');
}

Q51. 哪种样式将元素放置在其容器内的固定位置？

Q52. calc() CSS 函数通常用于计算相对值。在以下示例中，指定的 margin-left 值是什么？

.example {
  margin-left: calc(5% + 5px);
}

Q53. 哪段代码可以用来绝对定位 logo 类的元素？

Q54. 在这个示例中，段落 1 会是什么颜色？

p:first-of-type {
  color: red;
}
p {
  color: blue;
}
.container {
  color: yellow;
}
p:first-child {
  color: green;
}

<div class="container">
  <h1>Heading</h1>
  <p>Paragraph1</p>
  <p>Paragraph2</p>
</div>

Q55. ::placeholder 伪元素的用途是什么？

Q56. 关于伪元素的单冒号（:）或双冒号（::）表示法，例如 ::before 和 :before，以下哪项陈述是正确的？

Q57. 以下哪个选项不是 font-style 属性的有效值？

Q58. 什么时候会使用 @font-face 方法？

Q59. 你有一个大图像需要适配到 400 x 200 像素的区域。如果你的用户使用 Retina 显示屏，你应该将图像调整到什么尺寸？

Q60. 在 Chrome 的开发者工具视图中，默认样式列在哪里？

Q61. HTML 控制文档结构，而 CSS 控制 ___。

Q62. 推荐为存放项目图片的文件夹命名为？

Q63. 使用内联 CSS 的优势是什么？

Q64. 哪个 W3C 状态代码表示 CSS 规范已被现代浏览器完全实现？

Q65. 以下声明中是否有无效的？

color: red; /* declaration A */
font-size: 1em; /* declaration B */
padding: 10px 0; /* declaration C */

Q66. 哪段 CSS 会使链接具有实心蓝色背景，并在悬停时变为半透明？

a:link {
  background: #0000ff;
}
a:hover {
  background: rgba(0, 0, 255, 0.5);
}

a {
  color: blue;
}
a:hover {
  background: white;
}

a:link {
  background: blue;
}
a:hover {
  color: rgba(0, 0, 255, 0.5);
}

a:hover {
  background: rgba(blue, 50%);
}
a:link {
  background: rgba(blue);
}

Q67. 哪个 CSS 规则优先级最高？

Q68. 页面正文包含一些 HTML 部分。应用以下 CSS 后，它会是什么样子？

body {
  background: #ffffff; /* white */
}
section {
  background: #0000ff; /* blue */
  height: 200px;
}

Q69. 哪个 CSS 关键字可以用来覆盖标准的源顺序和特异性规则？

Q70. 你可以使用 ___ 伪类为点击过的链接设置不同的颜色。

Q71. 假设背景是白色，以下哪种颜色在屏幕上看起来最亮？

Q72. 哪个 CSS 选择器可以用来选择页面上与两个类 header 和 clear 相关联的所有元素？

Q73. 通用选择器是通过 ___ 指定的。

Q74. 在以下 CSS 代码中，'h1' 是 ___，而 'color' 是 ___。

h1 {
  color: red;
}

Q75. 以下 CSS 规则的另一种定义方式是什么？

font-weight: bold;

Q76. 如果你的样式基于包含三个字体的字体栈，通用字体应该放在哪里？

Q77. 使用字体栈声明字体系列时，值应该以什么顺序出现？

Q78. 使用网络字体服务的一个缺点是什么？

Q79. 如何将 Google 字体添加到你的项目中？

Q80. 使用以下 HTML 和 CSS 示例，.em 和 .rem 元素的等效像素值是多少？

HTML {
  font-size: 10px;
}
body {
  font-size: 2rem;
}
.rem {
  font-size: 1.5rem;
}
.em {
  font-size: 2em;
}

<body>
  <p class="rem"></p>
  <p class="em"></p>
</body>

Q81. 哪个属性用于调整文本字符之间的间距？

Q82. 更改光标从箭头到指针手时，正确的语法是什么？

Q83. 以下样式的效果是什么？

background-position: 10% 50%;

Q84. 网格项将如何显示？

grid-template-columns: 2fr 1fr;

Q85. 哪种样式规则会使图像在悬停时缩小 50%？

<img id="photo" alt="" src="..." />

Q86. 哪些 CSS 属性可以用来仅为元素的左上角和右上角创建圆角？

A. border-radius: 10px 10px 0 0;
B. border-top-left-radius: 10px; and border-top-right-radius: 10px;
C. border-radius: 10px 0;
D. border-top-radius: 10px;

Q87. 查看以下 HTML 示例。然后选择从最低到最高特异性选择 <p> 的选择器列表。

<section>
  <p class="example">...</p>
</section>

1. section * {...}
2. [class*='example'] {...}
3. p.example {...}
4. section p {...}

1. p {...}
2. p.example {...}
3. section p {...}
4. [class*='example'] {...}

1. p.example {...}
2. section p {...}
3. [class*='example'] {...}
4. section * {...}

1. p {...}
2. section p {...}
3. [class*='example'] {...}
4. p.example {...}

Q88. 哪个属性用于为 HTML 元素创建投影效果？

Q89. 正确的选择器是哪个，用于选择所有未禁用的文本输入？

input[type="text"] 选择所有类型为文本的输入，:not([disabled]) 选择所有没有 “disabled” 属性的元素。结合两者，只选择类型为 “text” 且没有 “disabled” 属性的输入元素。

  1. 参考链接 attribute-selector
  2. 参考链接-:not()

Q90. 如何创建半透明背景颜色？

rgba 是 CSS 中的一个函数。rgba 代表红色、绿色、蓝色和 alpha。alpha 的值可以在 0 到 1 之间（包括 0 和 1），其中 0 表示完全透明，1 表示完全不透明。

参考链接-rgba

Q91. 使用此 HTML 标记，如何仅选择 <header> 元素内的标题？

<header>
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
</header>
<h2>Heading 2</h2>

Q92. 假设你想使用 flexbox 将一个项目列表 (.item) 显示为一行并以相反的顺序排列。以下 CSS 中的错误是什么？

.container {
  display: flex;
}
.item {
  border: 1px solid red;
  flex-direction: row-reverse;
}

Q93. 哪个选项不是有效的过渡？

  1. MDN:
  2. MDM:
  3. W3s
  4. W3s

Q94. 在这个例子中，段落会是什么颜色？为什么？

article p {
  color: blue;
}
article > p {
  color: green;
}

<article>
  <p>Paragraph 1</p>

  <aside>
    <p>Paragraph 2</p>
  </aside>
</article>

Q95. 查看下面显示的边框样式声明。对应的长格式语法是什么？

border: 1px solid red;

border-size: 1px;
border-style: solid;
border-color: red;

border-size: 1px;
border-type: solid;
border-color: red;

border-width: 1px;
border-style: solid;
border-color: red;

border-width: 1px;
border-line: solid;
border-color: red;

Q96. 伪类用于 _。

Q97. 在这个例子中，哪些元素会应用哪些样式？

section {
  color: gray;
}

<section>
  <p>paragraph</p>
  <a href="#">link</a>
</section>

Q98. 哪个答案是类型选择器（有时也称为元素选择器）的示例？

Q99. 在网站上列出不同链接状态的正确顺序是什么，以便这些状态正确显示在页面上？

  a
  a:hover

  :link
  :visited
  :hover
  :active
  :focus

  :active
  :focus
  :hover
  :link
  :visited

  :link
  :visited
  :focus
  :hover
  :active

Q100. 哪个选择器用于选择作为 section 的直接后代的段落元素？

子选择器

Q101. 对于这段代码，超链接的字体颜色是什么？

ul {
  --color: red;
}
p {
  color: var(--color);
}
a {
  color: var(--color, orange);
}

<p>Paragraph</p>
<ul>
  <li>
    <a href="#">list item a link </a>
  </li>
  <li>list item</li>
</ul>

参考

Q102. 哪个陈述是不正确的？

参考

Q103. 在这种情况下使用的 margin 值的输出是什么，假设其包含元素的宽度大于 800px？

.example {
  width: 800px;
  margin: 0 auto;
}

来源: SOW

Q104. 当前有四种视口百分比长度可以用来定义相对于视口大小的值：vw、vh、vmin 和 vmax。如果当前视口大小的宽度为 800px，高度为 600px，这些值在像素中等价于什么？

10vw = ?px
10vh = ?px
10vmin = ?px
10vmax = ?px

Q105. 参考以下 HTML 标记和 CSS 示例，哪些元素会被选中？

p:first-of-type:first-letter {
  color: red;
}

<body>
  <p>Paragraph 1.</p>
  <p>Paragraph 2.</p>

  <article>
    <h1>Heading</h1>
    <p>Paragraph 3.</p>
    <p>paragraph 4.</p>
  </article>

  <section>
    <p>Paragraph 5.</p>
    <p>Paragraph 6.</p>
  </section>
</body>

Q106. 哪五个样式特性与盒模型相关？

Q107. 哪个选项不会将包含 domain.com 的所有链接设置为粉色？

a[href$='domain.com'] {
  color: pink;
}

a[href='*domain.com'] {
  color: pink;
}

a[href*='domain.com'] {
  color: rgba(255, 155, 155);
}

a[href*='domain.com'] {
  color: pink;
}

参考

Q108. 哪个属性和值对可以用来应用线性渐变效果？

Q109. 你想在图标后面添加一个背景圆。哪个样式声明是正确的？

.glyphicon-bgcircle {
  circle-radius: 50%;
  margin: 50px;
  background-color: #fdadc6;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
}

glyphicon-bgcircle {
  border-circle: 50%;
  padding: 50px;
  background-color: #fdadc6;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
}

.glyphicon-bgcircle {
  border-radius: 50%;
  padding: 50px;
  background-color: #fdadc6;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
}

.glyphicon-bgcircle {
  radius-rounded: 50%;
  margin: auto;
  background-color: #fdadc6;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
}

Q110. 哪些是 font-size 属性的有效值？

A. font-size: xsmall
B. font-size: 50%
C. font-size: 1em
D. font-size: 20px

Q111. 在这张图片中，蓝色框和示例文本都包含在同一个父元素中。蓝色框浮动在容器的左边缘。为什么它没有包含在容器中？

Sample text

Q112. 给定此代码，哪个 .overlay 的 CSS 声明会覆盖其容器的整个宽度和高度？

<style>
.container {
  position: relative;
  height: 200px;
  width: 200px;
  border: 1px solid black;
}
</style>
<div class="container"><div class="overlay"></div></div>

.overlay {
  position: static;
  top: 200px;
  bottom: 200px;
  right: 200px;
  left: 200px;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay {
  position: absolute;
  top: 200px;
  bottom: 200px;
  right: 200px;
  left: 200px;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay {
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

Q113. 缺少哪一行代码可以将文本放置在图片上方？

<div class="container">
  <img src="grumpy-cat.gif" />
  <p>The z-index property is cool!</p>
</div>

img {
  position: absolute;
  left: 0px;
  top: 0px;
  // Missing line
}

Q114. 要使元素的字体大小比其容器的字体大小小一个级别，应该应用哪个样式属性？

Q115. 给定此标记，哪个选择器会使文本高亮为黄色？

<span class="highlight">#BLM</span>

.highlight {
  background-color: yellow;
}

#highlight {
  background-color: yellow;
}

.highlight {
  color: yellow;
}

#highlight {
  color: yellow;
}

高亮背景

Q116. 要防止背景图片在任何方向上平铺，应该应用哪个样式属性？

background-repeat: no-repeat;

background-repeat: fixed;

background-repeat: none;

background-tile: none;

Q117. 要将对象逆时针旋转 30 度，应该应用哪个样式属性？

参考

Q118. 哪个样式规则可以设置背景图片以显示 wood.png 文件的内容？

Q119. 什么样式规则可以将段落二的字体颜色设置为蓝色？

<section><p>paragraph one</p></section><p>paragraph two</p>

section > p {
  color: blue;
}

p {
  color: blue;
}

section + p {
  color: blue;
}

p + section {
  color: blue;
}

参考

Q120. 你想将一个元素向上移动 100px。应该使用哪个 CSS 属性？

Q121. 哪种样式可以将内层 <div> 在外层 <div> 中水平居中？

<div id="outer">
  <div id="inner">Center Me!</div>
</div>

#inner {
  width: 50%;
}

#outer {
  width: 100%;
}

#inner {
  left: 0;
  right: 0;
  position: center;
}

#inner {
  text-align: center;
}

#inner {
  width: 50%;
  margin: 0 auto;
}

Q122. 当应用这些 CSS 规则时，小狗会出现在哪个角落？

.pen {
  height: 100px;
  width: 100px;
  border: 2px dashed brown;
  position: relative;
}

#puppy {
  position: absolute;
  right: 80px;
  bottom: 0px;
}

<div class="pen">
  <span id="puppy">🐶</span>
</div>

Q123. 哪个选项使用了正确的语法为 <a> 元素添加 hover 伪类？

参考

Q124. 缺失的代码是什么，可以为 “Cellar Door” 添加阴影？

  <style>
    #cellar-door {
      box-shadow: 3px 5px 10px #000;
    }
    .text-shadow {
      text-shadow: 3px 5px 10px #000;
    }
  </style>

  <h1 _____> Cellar Door</h1>

参考

Q125. 以下哪个选项是 CSS 中有效的注释示例？

参考

Q126. 哪些元素会显示为蓝色文本？

    h2 ~ p {
      color: blue;
    }
  <section>
    <p>P1</p>
    <h2>H2</h2>
    <p>P3</p>
    <p>P4</p>
  </section>

参考

Q127. 当这些伪类选择器应用于链接时，样式会应用于哪些状态？

a:visited {
  ...;
}
a:active {
  ...;
}
a:hover {
  ...;
}
a:focus {
  ...;
}

参考

Q128. 应使用什么样式规则将所有验证失败的输入元素显示为红色字体？

input.valid[false] {
  color: red;
}

input:invalid {
  color: red;
}

input.not(valid) {
  color: red;
}

input.invalid {
  color: red;
}

参考

Q129. 应对 img 元素应用什么样式规则以将元素显示为无色的灰度？

img {
  transform: grayscale(1);
}

img {
  filter: grayscale(0);
}

img {
  transform: grayscale(0);
}

img {
  filter: grayscale(1);
}

参考

Q130. 为什么需要创建一个重置样式表？

参考

Q131. 如何将 logo 类的元素绝对定位在相对定位的容器内？

.logo {
  position: absolute;
  padding-left: 100px;
  padding-top: 150px;
}

.logo {
  position: absolute;
  left: 100px;
  top: 150px;
}

.logo {
  position: absolute;
  left-padding: 100px;
  top-padding: 150px;
}

.logo {
  position: absolute;
  margin-left: 100px;
  margin-top: 150px;
}

Q132. 带有类 .child 的 <div> 在其容器内会如何定位？

<style>
  .container {
    height: 200px;
    width: 200px;
  }
  .child {
    margin: auto 0;
    height: 100px;
  }
</style>
<div class="container">
  <div class="child">...</div>
</div>

参考

Q133. 默认情况下，CSS transition 是 __

参考

Q134. 哪种样式规则可以将 header 元素扩展到整个网格行，从第一列到最后一列？

header {
  grid-column: 1 / auto;
}

header {
  grid-column: 1/-1;
}

header {
  grid-column: -1/1;
}

header {
  grid-column: 1/100%;
}

参考

Q135. 要在网格单元格中水平和垂直居中内容，应应用哪种样式规则？

align-items: start;
justify-items: end;

align-items: center;
justify-items: center;

align-items: middle;
justify-items: middle;

align-items: stretch;
justify-items: stretch;

align-items 参考 justify-items 参考

Q136. 应使用什么样式规则将所有验证失败的输入元素显示为红色字体？

input.valid[false] {
  color: red;
}

input:invalid {
  color: red;
}

input.not(valid) {
  color: red;
}

input.invalid {
  color: red;
}

参考

Q139. 要将一个外部样式表文件插入到另一个样式表文件中，应使用哪个规则？

import 参考

Q140. 给定此代码，以下元素的高度将是多少像素？

<style>
  #tall-text {
    display: inline;
    font-size: 20px;
    height: 200px;
  }
</style>

<p id="tall-text">Did I grow?</p>

参考

Q141. 哪个样式规则会在网格中放置一个 X 来赢得游戏？

A

参考

Q142. 哪个 CSS 属性用于创建图像反射？

Q143. 编写 var() 函数的一般语法是什么？

Q144. 在 CSS Flexbox Layout Module 引入之前，有多少种布局模式？

Q145. CSS 盒模型的哪些组件是透明的？

Q146. 如何使用 CSS 定义自定义字体？

Q147. 以下哪个 CSS 属性设置了添加到元素上的线条装饰，例如下划线、上划线等？

Q148. 以下哪个 CSS 属性设置了定位元素的堆叠顺序？

Q149. 以下哪个属性允许在文本溢出的情况下使用跑马灯效果？

Q150. 以下哪种级联顺序具有最高优先级？

Q151. CSS 级联为每个样式规则分配了一个权重。

Q152. ____ 表示级联的结果：它是级联中获胜的声明值。

Q153. 使用负文本缩进也被称为 _？

Q154. 使用边距也被称为 _？

Q155. 如果某个规则不应被其他规则覆盖，应使用 ____ 指示。

Q156. CSS 代表什么？

参考

Q157. rgb(255,0,0) 会显示什么颜色？

参考资料：CSS RGB 和 RGBA 颜色

Q158. 引用外部样式表的正确 HTML 是什么？

参考资料：HTML link 标签 HTML Link 标签语法

参考资料：HTML link 标签

Q160. HTML 中定义的 CSS 是什么？

参考资料：CSS 简介

Q161. 以下关于 CSS 的说法哪一个是正确的？

参考资料：CSS How To

Q162. 在 CSS 中，边距折叠只发生在？

参考资料：CSS Margin Collapse

Q163. 以下哪个 CSS 选择器选择所有作为 <div> 元素直接子元素的 <p> 元素？

参考资料：CSS 子选择器

Q164. 在 CSS 中，box-sizing 属性用于控制元素的总宽度和高度的计算方式。box-sizing 的哪个值会将元素的内边距和边框包含在总宽度和高度中？

参考资料：CSS box-sizing 属性

Q165. 在 CSS 中，以下哪个不是 inert 属性的效果？

参考资料：HTML inert 属性 - MDN

Q166. accent-color 属性针对哪些元素？

参考资料：CSS Line Height 属性

Q167. 在 CSS 中，line-height 属性控制什么？

Q168. CSS visibility 属性的作用是什么？

参考资料：CSS visibility 属性 - W3Schools

Q169. 哪个 CSS 属性用于更改鼠标悬停在元素上时光标的样式？

Q170. CSS outline 属性的作用是什么？

参考资料：CSS outline 属性 - W3Schools

Q171. text-align 属性的有效值有哪些？

参考资料：CSS text-align 属性 - W3Schools

Q172. visibility: hidden 和 display: none 有什么区别？

参考资料：CSS visibility:hidden vs display:none

Q173. 以下哪个不是有效的 CSS 选择器？

参考资料：CSS 选择器 — 初学者速查表

Q174. 在 CSS 中，class 和 id 有什么区别？

参考资料：class 和 id 的区别

This site is open source. Improve this page.