Web 2 CSS

Question 1

internal stylesheet code

Answer 1

Defined inside the element, inside the < section of an HTML page

Question 2

id #

Answer 2

firstname { background-color: yellow; }

Question 3

class .

Answer 3

.intro { background-color: yellow; }

Question 4

contextual selectors

Answer 4

example footer H1

Question 5

ID #

Answer 5

Used 1 time per page

Question 6

Class .

Answer 6

Used multiple times per page

Question 7

a:link

Answer 7

Unvisited link

Question 8

a:visited

Answer 8

Visited link

Question 9

a:active

Answer 9

Selected Link

Question 10

a:hover

Answer 10

Selects links on mouse over

Question 11

Layout

Answer 11

The position property specifies the type of positioning method used for an element (relative, fixed, or absolute)

Question 12

width, height, auto

Answer 12

To format the page

Question 13

float

Answer 13

Positioning on the page

Question 14

absolute positioning

Answer 14

The element is positioned realtive to its first positioned (not static) ancestor element

Question 15

relative positioning

Answer 15

The element is positioned relative to its normal position, so “left:20px” adds 20 pixels to the element’s LEFT position

Question 16

fixed positioning

Answer 16

The element is positioned relatice to the browser window

Question 17

understand static positioning

Answer 17

Browser defaults

Question 18

align

Answer 18

The text-align property is used to set the horizontal alignment of text. A text can be left or right aligned, centered, or justified.

Question 19

margin

Answer 19

Margin properties are used to create space around elements, outside of any defined border.

Question 20

padding

Answer 20

Padding properties are used to generate space around an element’s content, inside of any defined borders.

Question 21

buttons

Answer 21

shape that is created using CSS that the includes interactivity (User Driven Events)

Question 22

rounded corners

Answer 22

border-radius - A shorthand property for setting all the four borders

Question 23

colored button

Answer 23

.Example: button1 {background-color: #4CAF50;} /* Green */

Question 24

Navigation using CSS

Answer 24

list-style-type: none; - Removes the bullets. A navigation bar does not need list markers

Question 25

fade in/out

Answer 25

ease - specifies a transition effect with a slow start, then fast, then end slowly (this is default)

Question 26

image slider

Answer 26

Code that creates a “slideshow” on the web page