IT-1430 Exam 1 Review - Tutorial 4 - Graphic Design with CSS
Which is most used for limited colors & animation?
.gif
Which supports multiple layers of transparency and millions of colors?
.jpeg
Which is most popular for photographs?
.png
What are the three different graphic file formats you'll find on the web?
.png, .gif, .jpeg
What is the figcaption element?
The <figcaption> tag defines a caption for a <figure> element. The <figcaption> element can be placed as the first or last child of the <figure> element.
What is the figure element?
The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.
How do you put a background image on a web page using CSS?
The background-image property specifies an image to use as the background of an element.
What are the different background properties?
background-color background-image background-repeat background-attachment background-position
What are the 9 different designs of borders you can use?
dotted dashed solid double groove ridge inset outset none
What are color stops?
Colors and stops tell the browser which colors to use in the gradients, and where they should stop.
How do you set a width & color for the border?
p { border-style: solid; border-width: 15px; border-color: #ff0000 #0000ff; }
What is a gradient?
CSS3 gradients let you display smooth transitions between two or more specified colors.
What is the difference between a radial and linear gradient?
Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center)
How do you create rounded borders?
The border-radius property is used to add rounded corners to an element.
Explain the difference between a text shadow & a box shadow.
The text-shadow property adds shadow to text. The box-shadow property attaches one or more shadows to an element.