Css

Front 1

CSS what is it and why is it called that

Back 1

Cascading Style Sheets, cascading refers to how css applies one style on top of another

Front 2

What is this called when the css is in this element and on the same page as the code <style> CSS code </style>

Back 2

Internal Style Sheet
<style> CSS CODE </style>

Front 3

how do you code for various font choices in the body style

Back 3

font-family: helvetica, ariel, san-serif-serif;

Front 4

What is it called when you add to individual tags <p style ="color: blue">

Back 4

Inline-Style, where you change individual tags

Front 5

What is a sheet called that is in it's own file

Back 5

an External Style Sheet

Front 6

What code do you use to link an External Style Sheet to a HTML file

Back 6

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

Front 7

break this down: <link rel="stylesheet" type = "text/css" href = "main.css"/>

Back 7

rel = the relationship
type = the type of sheet
href = when the file is

Front 8

What is the first thing you want to build

Back 8

the base styles (sometimes called reset styles) how is the overall site going to look

Front 9

.blue (with a dot in front of it)

Back 9

a class selector

Front 10

How do you create an inline Class Selector

Back 10

<h1 class = "blue">CONTENT
</h1>

Front 11

Which tag is often used to define a division or a section in an HTML document.or to group block-elements to format them with styles.

Back 11

<div> tag

Front 12

How do you give an <div> element an ID selector and call it from the css file

Back 12

<div id = "sidebar">

#sidebar { STYLES }

Front 13

Two special elements for applying style to selected blocks of text

Back 13

<div> and <span>

Front 14

What do you use to format a piece of text within in a sentence or paragraph, etc

Back 14

<span class = "highlight"> TEXT HERE</span.

.highlight {STYLE HERE}

Front 15

Define what each section represents
div#content{backgroud-color: white}

Back 15

div#content = Selector
background-color = property
white = value

Front 16

How do you do comments

Back 16

/* COMMENTS */

Front 17

What is the Stuff inside the brackets called?
body {
STUFF IN HERE
MORE STUFF
}

Back 17

Statement, or Statements

Front 18

When is a semi colon optional at the end of a statement

Back 18

If its the last statement before the end of the block (the curly brace) However, always use your semi-colon.

Front 19

Can you make a multiple selection with Selectors?

Back 19

Yes, like h1, h2, h3

Front 20

#content {STATEMENTS}, what does the # represent and how do you insert it on the html side

Back 20

Id Selector

Front 21

#content {STATEMENTS}, what is technically not allowed

Back 21

An id selector can only be used once in a document. It might work but technically you can only use it once. So you can't have
<div id="content"> and
<h1 id="content">

Front 22

<h1 class = "blue">
CONTECT
</h1>
What kind of statement is this and when is it used mainly

Back 22

Class Statement is used on one or more tags, verses an ID Selector which technically you should only use on one tag

Front 23

Create a class selector called blue

Back 23

.blue {
Statement(s)
}
There is a dot in front of blue!

Front 24

When making Selectors what is a # used for and a .(dot)?

Back 24

# is an id selector which should only be used on one tag
the . (dot) is an Class Selector

Front 25

With Class Selectors is this allowed
.blue {Statement}
h1.blue(STATEMENTS}
h3.blue{STATEMENT}

Back 25

Yes, you can have multiple Class selectors that pertain to different tags or just as a class selector. With the ID Selector this is not allowed or at least recommended

Front 26

What is the selector you use that just doesn't fall into any other category. Like states of things, properties of things, like hoover, or visited, etc

Back 26

Pseudo Selector

Front 27

What is the Pseudo Selector to make the underline go away on a link?

Back 27

text-decoration:none or text-decoration: underline

Front 28

Two Common units of Measurement

Back 28

Absolute and Relative

Front 29

What is Absolute Measurement

Back 29

Fixed size and does not change. It is fxed

Front 30

Relative Measurement

Back 30

Looks for parent element or the user agent itself