56 terms

CSS

Resources Used: www.w3schools.com
STUDY
PLAY
CSS
Acronym for Cascading Style Sheet (defines how to display HTML elements)
selector
Specify which elements are to be influenced by the style rule
declaration
A style attached to a specific selector (consists of a property and a value)
property
The style attribute you want to change
value
Suggests how the property should be formatted
/.../
CSS comment tag
#
The selector symbol used to specify a style for a single/unique element (the element targeted must be marked with the "id" attribute)
.
The selector symbol used to specify a style for a group of elements (the elements targeted must be marked with the "class" attribute)
background
Sets all the background properties in one declaration (must be in proper order-color-image-repeat-attachment-position-inherit)
background-attachment
Sets whether a background image is fixed or scrolls with the rest of the page (scroll-fixed-inherit)
background-color
Sets the background color of an element (rgb-#hex-name-transparent-inherit)
background-image
Sets the background image for an element (url(URL)-none-inherit)
background-position
Sets the starting position of a background image (textpos-x% y%-xpos ypos-inherit)
background-repeat
Sets if/how a background image will repeat (repeat--repeat-x--repeat-y--no-repeat--inherit)
color
Sets the color of a text (name-rgb-#hex)
direction
Sets the text direction (ltr-rtl)
line-height
Sets the distance between lines (normal-number-length-%)
letter-spacing
Increase or decrease the space between characters (normal-length)
text-align
Aligns the text in an element (left-right-center-justify)
text-decoration
Adds or removes decoration to/from text (none--underline--overline--line-through--blink)
text-indent
Indents the first line of text in an element (length-%)
text-transform
Controls the letters in an element (none-capitalize-uppercase-lowercase)
vertical-align
Sets the vertical alignment of an element (baseline--sub--super--top--text-top--middle--bottom-text-bottom--length--%)
white-space
Sets how white space inside of an element is handled (normal-pre-nowrap)
word-spacing
Increase or decrease the space between words (normal-length)
font
Sets all the font properties in one declaration (must be in proper order and the font-size and font-family values are required)
font-family
Specifies the font family for text (family-name--generic-family--inherit)
font-size
Specifies the font size of text (generalsize-length-%-inherit)
font-style
Specifies the font style for text (normal-italic-oblique-inherit)
font-variant
Specifies weather or not a text should be displayed in a small-caps font (normal--small-caps--inherit)
font-weight
Specifies the weight of a font (normal-bold-bolder-lighter-size-inherit)
a:link
The unvisited link selector
a:visited
The visited link selector
a:hover
Mouse over link selector (MUST come AFTER a:link and a:visited)
a:active
Selected link selector (MUST come AFTER a:hover)
list-style
Sets all the properties for a list in one declaration (must be in proper order)
list-style-image
Specifies an image as the list-item marker (url(URL)-none-inherit)
list-style-position
Specifies if the list-item marker should appear inside or outside the content flow (inside-outside-inherit)
list-style-type
Specifies the type of list-item marker
vertical-align
Sets the vertical alignment (top-bottom-middle)
border-style
Specifies what kind of border to display (MUST be included for other border properties to work)
border-color
Sets the color of the four borders
border-width
Sets the width of the four borders
border
Sets all the border properties in one declaration (must be in proper order)
border-bottom
Sets all the bottom border properties in one declaration (must be in proper order)
border-bottom-style
Sets the style of the bottom border
border-bottom-color
Sets the color of the bottom border
border-bottom-width
Sets the width of the bottom border
outline
A line drawn around elements (outside the border edge to make the element "stand out" - sets all outline properties in one decliration)
outline-color
Sets the color of the outline
outline-style
Sets the style of an outline
outline-width
Sets the width of an outline
margin
Clears an area round an element which is also outside of the border and is completely transparant
margin-bottom
Sets the bottom margin of an element (auto-length-%)
padding
Clears an area around the content which is inside of the border of an element (length-%)
padding-bottom
Sets the bottom padding of an element (length-%)
YOU MIGHT ALSO LIKE...