Lesson 4 Test Questions in Practice

Question 1: Opacity

div#q1 {
    height: 500px;
    background-image: url(images/va_pond.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.translucent {
    opacity: 0.4;
}
applied to:
<div id="q1" class="translucent">

Question 3: Stacked Images Using Z-Index

Smaller Yellow Box Big Purple Box

Question 4: CSS3 Animation

Question 5: Outline-Offset

ACC Rocks!

Question 6: What Are UI Elements?

This question was about user interface (UI) elements. Rather than example code here, I'll provide a link to an article titled User Interface Elements on the usability.gov website.

Question 7: box-sizing: border-box

Question 10: CSS3 UI properties

W3Schools gives us CSS User Interface, which presents CSS user interface properties resize and outline-offset.

The <source> srcset attribute

Little Tux