Home
Explore
Exams
Search for anything
Login
Get started
Home
Engineering
Web Design
is 117 final quiz review
4.0
(4)
Rate it
Studied by 49 people
Learn
Practice Test
Spaced Repetition
Match
Flashcards
Card Sorting
1/43
Earn XP
Description and Tags
yuh
Web Design
University/Undergrad
Add tags
Study Analytics
All
Learn
Practice Test
Matching
Spaced Repetition
Name
Mastery
Learn
Test
Matching
Spaced
No study sessions yet.
44 Terms
View all (44)
Star these 44
1
New cards
margin: 10px;
10 pixels on all sides.
2
New cards
margin: 10px 20px;
10 pixels top/bottom
20 pixels right/left
3
New cards
margin: 10px 20px 30px;
10 pixels top
20 pixels right/left
30 pixels bottom
4
New cards
margin: 10px 20px 30px 40px;
10 pixels top
20 pixels right
30 pixels bottom
40 pixels left
5
New cards
margin: 0 auto;
horizontally centers an element inside of its parent content area, if it has a width.
6
New cards
how tall is the box if no number or auto is specified?
depends on amount of content. it fits the content
7
New cards
reset selector (ruleset)
\* {
margin: 0;
padding: 0;
}
8
New cards
universal selector
9
New cards
specify border
thiccness (width), color, style
10
New cards
also blue (inherits it)
if bg color is blue, what color is content within it?
11
New cards
fluid design
1. size of content and img adjust to screen size
2. not just for one screen size
3. avoids scroll bars
12
New cards
z-index
how close reader is to content
13
New cards
specify z-index
higher the number, closer to reader / closer to the front
14
New cards
default z-index
auto
15
New cards
static
default behavior, how you write is how it shows up
16
New cards
relative
sets a point for further positioning (adjusts)
17
New cards
absolute
moves content based on last positioning point (relative or absolute)
18
New cards
fixed
stays in one position based on viewport
19
New cards
specify position
top, right, bottom, left
20
New cards
ordered list (list item for the content) (numbers by default)
21
New cards
unordered list (list item for the content)
22
New cards
description list, description term, description definition
23
New cards
:active
when i am pressing the mouse button (psuedo class)
24
New cards
:hover, :focus
mouse over, tab to (pseudo class)
25
New cards
:visited
been to that link already
26
New cards
:link
link before it's clicked
27
New cards
float
move something with size to a different place
28
New cards
href attribute
1. \# an id, placeholder2. html page name itself
29
New cards
test responsive design
1. emulator
2. F12 dev tools / change size of browser windows
3. buy the device
4. outside testing site
30
New cards
media query
checks the size of the viewport in pixels and changes the CSS that applies
31
New cards
responsive measurements
rem - 16px alwaysem - 16px default, can change based on font-size% - percentage of current font size
32
New cards
not responsive measurements
px, pt
33
New cards
slicknav
creates the navigation for a mobile device based on full screen size navigation(mobile first vs desktop first design)
34
New cards
active area of an image map
hotspot
35
New cards
jpg
millions of colors, not transparent, no animation
36
New cards
gif
only 256 colors, transparent, animation
37
New cards
png
millions of colors, doesn't lose quality on compression
38
New cards
code with a picture for use by a screen reader
alt tag
39
New cards
element for showing a figure or diagram
figcaption with figure tag
40
New cards
picture element /
selects correct sized image based on media query
41
New cards
favicons size
16x16px
42
New cards
favicons extension
.ico
43
New cards
where does favicons appear?
in tab in browser and in bookmarks
44
New cards
make favicons
use a favicon generator