Css

Front 1

Given:
body {color: black}

Which is the selector, property, and value?

Back 1

Selector = body
property = color
value = blackj

Front 2

How do you group selectors?

Back 2

Separate each selector with a comma.

Front 3

What type of selector is this?
.blah

Back 3

class selector

Front 4

How do you assign multiple classes to a html element?

Back 4

Use spaces
<div class="class1 class2 class3"></div>

Front 5

What type of selector is this
p#green

Back 5

The id selector. This will match the p element that has id green

Front 6

How do you insert a stylesheet?

Back 6

<link rel="stylesheet" type="text/css"
href="mystyle.css" />

Front 7

How do you use an internal stylesheet?

Back 7

<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>

Front 8

What is the box model?

Back 8

Margin, Border, Padding, Content

Front 9

What are the three positioning schemes?

Back 9

normal, float, absolute.

Front 10

Explain normal flow

Back 10

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.

Front 11

Give an example a two column layout for
<div id="div-1">
<div id="div-1a"/>
<div id="div-1b"/>
</div>

Back 11

#div-1 {
position:relative;
}
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
#div-1b {
position:absolute;
top:0;
left:0;
width:200px;
}