PLAY READ BLOG

Assess your experience with CSS

I estimate it would take you 39 steps in 10 - 11 minutes to Assess your experience with CSS.
By default, in what way does the background-image property repeat an image?
  • Vertically
  • Horizontally
  • Horizontally and vertically
  • It doesn't (no-repeat)
What will be the final background color of the rectangle SVG element below?

<rect x="50" y="100" width="50px" height="300px" fill="red" style="fill: blue; color: green;" />
  • Blue
  • Black
  • Green
  • Red
Which of the following could be used to style a link whose URL begins with sales
1.
a[href^='https://sales.'] {
color: pink;
}

2.
a:before {
content: attr(href) "https://sales.";
color: pink;
}

3.
a {
prepend: href='https://sales.';
color: pink;
}

4.
It is not possible with CSS.
  • 1.
  • 2.
  • 3.
  • 4.
Which of the following declarations will hide an element, but cause it to still take up space and affect the layout?
  • visibility: hidden;
  • display: hidden;
  • visibility: none;
  • display: none;
Which of the following is a valid pseudo-element?
  • :first-of-type
  • :active
  • :last-child
  • :after
Which of the following is valid media query syntax?
1.
@media screen and (min-width: 600px) {
}

2.
@media (screen and min-width: 600px) {
}

3.
@media = "screen" and "min-width: 600px" (
)

4.
@media screen and min-width = "600px" {
}
  • 1.
  • 2.
  • 3.
  • 4.
Which of the following is valid syntax for an @keyframe rule?
1.
@keyframes example {
0% (left: 0) ,
50% (left: 60px),
100% (left: 0) ;
}

2.
@keyframes example {
0% { left: 0; }
50% { left: 60px; }
100% { left: 0; }
}

3.
@keyframes example (
0-50 { left: 0; }
50-100 { left: 60px; }
)

4.
keyframes() example {
0: (left, 0);
50: (left, 60px);
100: (left, 0);
}
  • 1.
  • 2.
  • 3.
  • 4.
Which of the following keywords can be used to force property inheritance on an element?
  • Inherit
  • Parent
  • !important
  • Initial
Which one of the following CSS functions will move the position of an element based on the X and Y arguments passed to the function?
  • rotate()
  • skew()
  • translate()
  • transform()
💡FUN FACT 💡CSS was first proposed by Håkon Wium Lie on October 10, 1994 while working at CERN along with Tim Berners-Lee (the inventor of the World Wide Web)
What is the default alignment for the content of a table's <tfoot> element?
  • justify
  • left
  • right
  • none
Which of the following properties specifies the type of list-item marker?
  • list-marker
  • list-style-type
  • list-style-all
  • list-style-marker
The universal selector selects which of the following?
  • Any element of a specific type
  • Every parent element in the document tree
  • Every element in the document tree
  • Any element with at least one occurrence of the specified attribute
Which is the correct syntax for importing one stylesheet into another?
  • link import="other.css";
  • style import="other.css";
  • @import url("other.css");
  • import href="other.css";
What does the following selector do?

ul[id^="name-here"]
  • that contains name-here
  • that starts with name-here
  • that ends with name-here
  • similar to name-here
Which declaration will make each word in an element start with an uppercase letter?
  • text-transform: capitalize;
  • text-transform: capitalize first;
  • type-transform: capitalize;
  • type-style: capitalize;
:focus is which of the following types of selectors?
  • Pseudo-element
  • Universal
  • Pseudo-class
  • Attribute
Which of the following rules will make all <p> elements bold?
  • font-weight: 100; }
  • font-weight: bold; }
  • font-style: bold; }
  • font-weight: strong; }
Which of the following characters is used in an adjacent sibling selector?
  • +
  • >
  • -
  • *
93% of all 248 users completed this intention.
Get Started   

Or consider 73 other intentions.