CSS Properties and Boxes
in font, 1em equals
16px
____ changes the appearance of a link when clicked
a:active
_____ changes the appearance of mousing over a link
a:hover
_____ changes the appearance of unvisited links
a:link
a:hover can only be used when ___ and ___ are also used
a:link and a:visited
a:active can only be used when ___, ____ and ___ are also used
a:link, a:visited, and a:hover
____ changes the the appearance of visited links
a:visited
what determines if a background is fixed or scrolls with the page
background-attachment
what specifies where the background image should begin loading?
background-position
what is used to control how a background image will tile?
background-repeat
dotted, dashed, solid, double, none are all styles of ___
borders
one function of CSS is to make ____
boxes
when choosing font size, use: a. px b. % c. em d. any is fine
c
2 list-style-type for unordered lists (to change or remove bullets)
circle, square
padding
clears area around the inner content
boxes are also called ____
containers
primary page containers usually use ____ elements
div
to place a container next to another, use ___
float
3 primary font related properties
font-family, font-style, font-size
values
give properties meaning
border-color: set in (3 things)
hex, rgb, or common color
no-repeat
image appears only once
border
line surrounding the content and padding of the box
4 primary link states that can all have individual properties assigned
link, visited, hover, active
what sets an image as a bullet point?
list-style-image:url('image.jpg')
each box has 4 parts
margin, border, padding, content
list-style-type to remove the markers
none
3 different font-style values
normal, italic, oblique
2 things that can add to the total specified height and width of the box
padding and border
border-width is set in ____
pixels
padding is set in
pixels
font size can be in (3 things)
px, %, or em
margin can be set in (3 things)
px, %, or em
syntax for repeating image only horizontally
repeat-x
syntax for image repeating only vertically
repeat-y
good way to go about font size
set body font size to 100%, then set specific text using em
pixel based font size
sets an absolute text size, but has some issues resizing text in the browser
em-based font size
sets an absolute text size, but works much better in most browsers when adjusting text size
% based font size
sets font size relative to its specified value (which by default is 16px)
shorthand border how to write (3 things)
style color width
what can be used to take the underline out from links
text-decoration:none
what property controls the first line indent
text-indent
what property changes text from uppercase, lowercase, and capitalize
text-transform
content
the actual area of the box where the content of an html element will appear
margin
the clear area around the border
what is the default background position?
top left
true or false: you should specify more than one font in case a browser can't interpret one
true
2 list-style-type for ordered lists (to change or remove numbers)
upper-roman, lower-alpha
what is the best way to style text?
using a class
background properties can be set for _____
virtually any element
properties specify
what about the html element is to be changed
___ and ____ properties control the dimensions of the content box
width and height