CSS

What is the code to create an ID?

#nameofID {color:green; }

What does code for z-index's look like?

.Purplebox{ z-index:1; } .Greenbox{ z-index:2; }

How do you apply a clear?

.foat{ clear:both; or clear:left; or clear:right }

What is the code to apply a float?

.nameofclass { float:right; or float:left; }

What is the code to create a class?

.nameofclass { }

How do I apply a border within a DIV?

.red{ background-color:red; border:5px black solid; }

What is the code inside of a class to apply a background color?

.red{ background-color:red; }

How do you apply a div to the HTML body?

<div class="name of class"> </div>

What is the code for span?

<p>The third <span class="underline">word</span> in this paragraph is underlined.</p>

What is the difference between a Class and an ID?

A class can refer to multiple items in a page while an ID can only refer to one.

What is a CSS Class?

A class is a name for a certain type of text that will apply certain rules. Adding this class name to any code applies the class code to the html code.

What is floating?

Allows you to place divisions side by side.

What do I need to do if I want to be able to create empty space around a DIV?

Apply a margin. margin:50px;

What does CSS stand for?

Cascading Style Sheets

How do I restrict paragraphs from automatically applying margins/padding?

Create a class that removes them. p { padding:0; margin:0; }

What is External CSS?

Creating a styles.css file to house all CSS styles. This makes it so that pages refresh much quicker. <link rel="stylesheet" type="text/css" href="styles.css"/>

What is a monospace font?

Each character in a monospace font is the same width as any other.

What is a CSS ID?

ID's are bits of code that are only applied to one element.

What is inline CSS?

Inserting "style" inside the html body instead of in a style sheet. <p style="color:blue;font-size:200%">

What is a div tag?

It is a simply a division of your webpage. A certain section to group the code for similar items together. A rectangle.

How do I make a DIV appear as a circle?

Make the border-radius half of the height of the DIV.

What is the difference between a margin and padding?

Margins apply spacing around DIV's while Padding applies spacing inside a DIV.

What is padding?

Padding is where you apply a margin within a DIV.

What is required for z-index's to work?

Position

What is a Serif font?

Serif fonts contain lines at the end of the letter.

What is span?

Span allows you to apply classes and ID's on the fly.

What is position:fixed?

This "freezes" a DIV so that it is always visible even when scrolling. Like frozen panes in Excel.

What is a clear?

This creates an empty DIV to have a blank space where you need it

What is position:static?

This is the default position setting for all DIV's. It makes this DIV work normally in the CSS flow.

What is position:absolute?

This removes the DIV from the flow of the page. Using position:absolute causes every other DIV to ignore the positioning of this DIV.

T:F- The paragraph tags (<p></p>) automatically apply padding within a DIV.

True; at the top.

Does the border add to the width of the DIV?

Yes

Does adding padding effect the width and height of a DIV?

Yes. Any padding that is applied is added to the width and height.

How do I make a border DIV have a rounded edge?

border-radius:10px;

How can I apply a different border on each side of a DIV?

border-style: ridge solid dotted dashed;

What is the code for a div tag?

div {background-color:blue; width:100px; }

How do I change the font of a DIV?

font-faimly:Arial, Helvetica, sans-serif;

How do I make text bold in a DIV?

font-weight:bold;

How do i specify a single margin? The left margin for example.

margin-left:400px;

How do I specify multiple margins for a single DIV?

margin:50px 100px 50px 10px;

What the are three requirements of a border?

pixels, color, type of border (style) 5px black solid

How do you move the location of a division?

position:relative; left:100px; top:200px;

How can I get a link to open in a new tab?

target=_blank <a href="http://www.google.com" target_blank>Google</a>

How do I align text in a Class?

text-align:center;

In what order are multiple margins applied to a DIV?

top, right, bottom, left

Why is internal CSS better than inline CSS?

with internal CSS, all of your style code is separated into it's own section. Any changes to the code in this section are applied to the entire website.

How do you prevent DIV's from stacking over eachother?

z-index:1;