Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
11 Cards in this Set
- Front
- Back
Given:
body {color: black} Which is the selector, property, and value? |
Selector = body
property = color value = blackj |
|
How do you group selectors?
|
Separate each selector with a comma.
|
|
What type of selector is this?
.blah |
class selector
|
|
How do you assign multiple classes to a html element?
|
Use spaces
<div class="class1 class2 class3"></div> |
|
What type of selector is this
p#green |
The id selector. This will match the p element that has id green
|
|
How do you insert a stylesheet?
|
<link rel="stylesheet" type="text/css"
href="mystyle.css" /> |
|
How do you use an internal stylesheet?
|
<style type="text/css">
hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} </style> |
|
What is the box model?
|
Margin, Border, Padding, Content
|
|
What are the three positioning schemes?
|
normal, float, absolute.
|
|
Explain normal flow
|
In this scheme, block boxes flow vertically starting at the top of their containing block with each placed directly below the preceding one. Inline boxes flow horizontally from left to right.
|
|
Give an example a two column layout for
<div id="div-1"> <div id="div-1a"/> <div id="div-1b"/> </div> |
#div-1 {
position:relative; } #div-1a { position:absolute; top:0; right:0; width:200px; } #div-1b { position:absolute; top:0; left:0; width:200px; } |