HTML and CSS Reference
In-Depth Information
Session 8.1 Quick Check
1.
Provide a CSS3 style rule to add a red shadow to the text of all
h1
headings in
your Web page. The shadow should be offset 5 pixels to the left and 10 pixels
down, and should have a blur value of 7 pixels.
2.
Provide a CSS3 style rule to add a black box shadow to all
aside
elements in
your Web page. The box shadow should be placed 2 pixels to the left and 5 pixels
above the element with a blur value of 10 pixels.
3.
Provide a CSS3 style rule to add an interior black box shadow to the page footer.
The interior shadow should be displayed in the lower-right corner of the object
offset by 10 pixels in the horizontal direction and 15 pixels in the vertical direc-
tion. Set the blur value to 5 pixels.
4.
Provide the Internet Explorer filter to display a shadow with the hexadecimal
color value #FF00FF, with the strength of 15 and at an angle of 60°.
5.
Provide a CSS3 style rule to rotate all inline images 45° counter-clockwise.
6.
Provide a CSS3 style rule to add a horizontal linear gradient to the background
of the
header
element in the Web page document. The gradient should start at
the object's left edge with the color red and move to the right with a color stop
of yellow 30% of the way across the element, ending at the right edge with the
color green.
7.
Provide a CSS3 style rule to add a linear gradient to the background of the
nav
element, starting at the top-right corner with the color blue and ending in the
bottom-left corner with the color white.
8.
Provide a CSS3 style rule to add a circular radial gradient to the background of
the
article
element. The gradient should be placed at the left-center side of
the element starting with the color blue and blending into yellow. The gradient
should halt at the closest corner.
9.
Provide a CSS3 style rule to repeat a radial gradient of black and white bands in
the background of the
section
element. The gradient should be an ellipse cen-
tered at the bottom-right corner of the element, with the white color stop placed
20 pixels from the start of the gradient.
