Html/css Study Guide #3

Front 1

What are CSS?

Back 1

Cascading style sheets: used for presentation elements

Front 2

Give 3 benefits of using CSS in a website

Back 2

-Formatting text styles
-universal changes in one document
-formatting layout

Front 3

Inline Styles

Back 3

Inside the line of code in the document

Front 4

Embedded Styles

Back 4

In the document using style elements & the rules apply only to the document

Front 5

External Styles

Back 5

Separate text only document linked to the webpage

Front 6

Give an example of the syntax for an Inline style

Back 6

&lt; h1 style="color: red" > ...< /h1 >

Front 7

Give an example of the syntax for an Embedded style

Back 7

< style type="text/css" >
h1 { color: red; }
</ style>

Front 8

What is the syntax to create comments in a CSS document?

Back 8

/*
Comment
*/

Front 9

Give an example of the syntax to link an external style sheet

Back 9

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

Front 10

What is style precedence?

Back 10

Rule that determines which style is applied when one or more styles conflict, the last one there is used

Front 11

5 levels of style precedence

Back 11

lowest - highest
-browser's internal style sheet
-external style sheet
-embedded style sheet
-inline styles
-user-defined styles

Front 12

Style Inheritance

Back 12

When there isn't a conflict, the styles are passed down from the more general levels to the more specific

Front 13

Give an example of when you would use IDs and CSS

Back 13

When an element will be styled a certain way

Front 14

Which is the syntax to work with IDs in CSS

Back 14

-id the element < h1 id="header" name="header" >...< /h1>
-Assign it a property in CSS
#header { float: right; }

Front 15

RGB stands for

Back 15

Triplet color value that stands for Red Green Blue

Front 16

HTML identifies a color either by

Back 16

-hexadecimal form
-name

Front 17

Which is the style syntax to define the background color of a webpage?

Back 17

body { background-color: red; }

Front 18

Which is the style syntax to define the font family, font size and font color of a web page?

Back 18

body { font: style weight variant size/height font-family; }

Front 19

What does GIF stand for?

Back 19

Graphics Interchange Format
used for flat colors and hard edges

Front 20

What does JPG stand for?

Back 20

Joint Photographic Experts Group
Used for photographs or images with smooth color blends

Front 21

What does PNG stand for?

Back 21

Portable Networks Graphics
used as substitute for GIF, can contain transparent areas

Front 22

Which is the syntax to apply a background image to a website

Back 22

body { background-image: url(url) repeat horizontal vertical fixed; }

Front 23

Which is the syntax to control the size of an image?

Back 23

{ width:"#" height:"#" }

Front 24

background image options:
repeat

Back 24

tiles the image both horizontally & vertically until the entire background elements is covered

Front 25

background image options:
repeat-x

Back 25

tiles image only horizontally across the width of the element

Front 26

background image options:
repeat-y

Back 26

tiles the image only vertically across the height of the element

Front 27

background image options:
no-repeat

Back 27

image not repeated at all

Front 28

which is the syntax to float an element in a webpage?

Back 28

{ float: position; }

Front 29

Box model: Margin

Back 29

area betw. the element & other page content

Front 30

Box model: border

Back 30

top, sides & bottom of box containing the element content

Front 31

Box model: padding

Back 31

area betw. element's content & box border

Front 32

div container used in CSS

Back 32

-div container: generic block level element
-CSS allows you to style that section of the page that is labeled with a div