48 terms

CSS

Resources Used: www.w3schools.com
STUDY
PLAY

Terms in this set (...)

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
/* You can't see me */
CSS comment tag
#id
The selector symbol used to target an "id" attribute.
.class
The selector symbol used to target "class" attributes.
background
Sets all the background properties in one declaration (must be in proper order-color-image-repeat-attachment-position-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)
color
Sets the color of a text (name-rgb-#hex)
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--%)
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
Shorthand property to set all values for an ordered or unordered list. Uses list-style-type | list-style-position | list-style-image.
vertical-align
Sets the vertical alignment (top-bottom-middle)
border-style
Specifies what kind of border to display; includes solid, dashed, dotted, inset, outset, double.
border-color
Sets the color of the four borders
border-width
Sets the width of the four borders
border
Shorthand property to set all the border properties in one declaration. Includes size | style | color
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
The area on the outside of an element. Useful for pushing other elements away from each other.
margin-bottom
Sets the bottom margin of an element (auto-length-%)
padding
The area on the inside of an element. Useful for pushing content away from edges.
padding-bottom
Sets the bottom padding of an element (length-%)
text-shadow
Adds a shadow to text; includes h-shadow | v-shadow | blur-radius | color
box-shadow
Adds a shadow to any element; includes h-shadow | v-shadow | blur-radius | spread | color
<link href="style.css" rel="stylesheet" type="text/css">
This creates a connection to an external CSS document and your HTML page.
style="property:value;"
This is an inline CSS style that is applied to just a single HTML tag.
<style> selector {property:value;} </style>
This is an internal CSS style, found inside the <head> tag of your HTML page.