html 5 Flashcards
background properties
set the background effects for an element
background property
set all of the background image properties in on declaration
background-attachment property
to set a fixed or scrolling background image
background-image property
to use an image as the background for an element
background-position property
to position a background image within an element
background-repeat property
to repleat an image vertically, horzontally, or both
border
border shorthand properties, controls all things on all sides
border properties
used to place a decorative border around the contents of an element
border-color property
shorthand property used to set the color value for all four borders at once
border-style property
is the shorthand property you can use to set the values for all four border styles with one declaration
border-width property
shorthand property used to set the width values for all four borders
box model
describes the boxes that are formed around elements in a web page
box properties
used to add white space outside the border
breathing room
separation amond the boxes so they aren’t crowded on the page
cascade
refers to the methods used to determine which style rules apply if ore than one rule refers to a style
classification properties
allows you to control how to display and position an element, and how to control visibility of an element
clear property
used to reposition an element below another element on the page
content area
the area that contains the box content
external style sheet
contains the CSS style code in a separatefile, you then can apply it to several fils or all the files at your website
float property
used to position boxes on the page and to wrap content around a box
link element
used to link and XHTML file to another file such as a CSS file
margin
white space outside of a border
margin collapse
occures when two adjoining top and bottom margins combine to form a single margin
margin properties
control the external white space. a.k.a. the white space outside the border
margin property
a shorthand property that sets the margin on all four sides
padding
the internal white space that surrounds the contents of an element
padding properties
controls internal white space
style precedence
determines the order of the cascade, used to resolve style conflicts
tiling
repeating an image
user-defined styles
are set by the reader in the browser, usually to improve accessibility
is the box model css or html
css
all elements in html are treated as they are what shape
box
what are the four parts of the box model
content, padding, border, margin
what can the content area contain?
text and images
by deafault how much space is their between the content and padding
none
what creates breathing room
margin
do you have to use all the box properties at the same time
no
by default does the content of an element have padding
no
what measurements can padding and margin be in
em
to set the padding whithin an element
padding: width;
what properties can you use to individually set the padding for each side
padding-top:
what is used to create white space around images
margin
by default the margin is set to
one px around the whole thing
what are the four margin properties:
margin-top:
is padding or margin used often with images
margin
to set margin space around an element use
margin: width;
what is the shorthand property for margin?
selector{
what is the shorthand property for padding:
selector {
padding property
a shorthand property that sets the padding on all four sides
how do padding and margin shorthand properties work
one value: used equally for all four sides
true or false? in margin and padding properties all values from have an accompaning measurement
false, everything except for 0 must have one
when you have two object stacked vertically what happens
margin collapse
when margins collapse are the added together
no, the browser just used the largest margin and uses that between the two objects
do two images side by side have margin collapse
no, only vertical objects
in the box model what is the border between
the padding and margin
what can you change about the border
color, style, and width
what can the border value be
solid
what is the border value by default
none
can border styles look different in different browsers
yes
what are the five border-style properties
border-top-style
to set border width use
border-width: #;
to set border color use
border-color: #;
to set border style use
border-style: style:
to set border with shorthand property use
border: style color width;
when using the shorthand properties do all the values need to be specified
no, but they must be in order
border width can also be specified using which words
thin, medium, and thick, or use #s
what are the five border-width properties
border-top-width
what are the five border-color properties
border-top-color
what are the eight border shorthand properties
(for all sides)
what is the most commonly used border shorthand property
border
when using the border shorthand property what do you use between value
spaces
can you list the border style, thickness and color in any order
yes, but you must specify a style if you just use two values
if you omit a value for color in the border shorthand property what happens
it will inherit the color from the element it is in
which is more favored? the CSS border property or the HXTML horizontal rule
CSS border property
