is 117 final quiz review

studied byStudied by 21 people
5.0(1)
get a hint
hint

margin: 10px;

1 / 43

Tags and Description

yuh

44 Terms

1

margin: 10px;

10 pixels on all sides.

New cards
2

margin: 10px 20px;

10 pixels top/bottom

20 pixels right/left

New cards
3

margin: 10px 20px 30px;

10 pixels top

20 pixels right/left

30 pixels bottom

New cards
4

margin: 10px 20px 30px 40px;

10 pixels top

20 pixels right

30 pixels bottom

40 pixels left

New cards
5

margin: 0 auto;

horizontally centers an element inside of its parent content area, if it has a width.

New cards
6

how tall is the box if no number or auto is specified?

depends on amount of content. it fits the content

New cards
7

reset selector (ruleset)

* {

margin: 0;

padding: 0;

}

New cards
8

universal selector

New cards
9

specify border

thiccness (width), color, style

New cards
10

also blue (inherits it)

if bg color is blue, what color is content within it?

New cards
11

fluid design

  1. size of content and img adjust to screen size

  2. not just for one screen size

  3. avoids scroll bars

New cards
12

z-index

how close reader is to content

New cards
13

specify z-index

higher the number, closer to reader / closer to the front

New cards
14

default z-index

auto

New cards
15

static

default behavior, how you write is how it shows up

New cards
16

relative

sets a point for further positioning (adjusts)

New cards
17

absolute

moves content based on last positioning point (relative or absolute)

New cards
18

fixed

stays in one position based on viewport

New cards
19

specify position

top, right, bottom, left

New cards
20

ordered list (list item for the content) (numbers by default)

New cards
21

unordered list (list item for the content)

New cards
22

description list, description term, description definition

New cards
23

:active

when i am pressing the mouse button (psuedo class)

New cards
24

:hover, :focus

mouse over, tab to (pseudo class)

New cards
25

:visited

been to that link already

New cards
26

:link

link before it's clicked

New cards
27

float

move something with size to a different place

New cards
28

href attribute

  1. # an id, placeholder2. html page name itself

New cards
29

test responsive design

  1. emulator

  2. F12 dev tools / change size of browser windows

  3. buy the device

  4. outside testing site

New cards
30

media query

checks the size of the viewport in pixels and changes the CSS that applies

New cards
31

responsive measurements

rem - 16px alwaysem - 16px default, can change based on font-size% - percentage of current font size

New cards
32

not responsive measurements

px, pt

New cards
33

slicknav

creates the navigation for a mobile device based on full screen size navigation(mobile first vs desktop first design)

New cards
34

active area of an image map

hotspot

New cards
35

jpg

millions of colors, not transparent, no animation

New cards
36

gif

only 256 colors, transparent, animation

New cards
37

png

millions of colors, doesn't lose quality on compression

New cards
38

code with a picture for use by a screen reader

alt tag

New cards
39

element for showing a figure or diagram

figcaption with figure tag

New cards
40
picture element /

selects correct sized image based on media query

New cards
41

favicons size

16x16px

New cards
42

favicons extension

.ico

New cards
43

where does favicons appear?

in tab in browser and in bookmarks

New cards
44

make favicons

use a favicon generator

New cards

Explore top notes

note Note
studied byStudied by 59 people
Updated ... ago
4.0 Stars(1)
note Note
studied byStudied by 22 people
Updated ... ago
5.0 Stars(1)
note Note
studied byStudied by 8 people
Updated ... ago
5.0 Stars(1)
note Note
studied byStudied by 39 people
Updated ... ago
5.0 Stars(1)
note Note
studied byStudied by 31 people
Updated ... ago
5.0 Stars(1)
note Note
studied byStudied by 9 people
Updated ... ago
5.0 Stars(1)
note Note
studied byStudied by 37 people
Updated ... ago
5.0 Stars(2)
note Note
studied byStudied by 68 people
Updated ... ago
4.7 Stars(3)

Explore top flashcards

flashcards Flashcard43 terms
studied byStudied by 20 people
Updated ... ago
5.0 Stars(2)
flashcards Flashcard20 terms
studied byStudied by 2 people
Updated ... ago
5.0 Stars(1)
flashcards Flashcard358 terms
studied byStudied by 16 people
Updated ... ago
5.0 Stars(1)
flashcards Flashcard47 terms
studied byStudied by 1 person
Updated ... ago
5.0 Stars(1)
flashcards Flashcard60 terms
studied byStudied by 2 people
Updated ... ago
5.0 Stars(1)
flashcards Flashcard95 terms
studied byStudied by 7 people
Updated ... ago
5.0 Stars(1)
flashcards Flashcard41 terms
studied byStudied by 48 people
Updated ... ago
5.0 Stars(3)
flashcards Flashcard61 terms
studied byStudied by 39 people
Updated ... ago
5.0 Stars(1)