CSS Terminology
This term refers to the part of a CSS rule used to target an HTML element in a stylesheet, such as <h2> or .menu.
Selector.
p {
color: blue;
}
Selects every <p> and turns the text within it blue.
This method of identifying colors in CSS starts with a #.
Hex code
The CSS property used to change the size of text.
The type of CSS that is written in <style> tags, within the <head> of an HTML document.
Internal CSS
This term refers to the second half of a rule, which is enclosed in {} brackets.
Declaration.
h1, h2, h3, h4, h5, h6 {
text-align: center;
}
Selects every heading and aligns its text to the center.
This method of This method of identifying colors in CSS requires these three different values.
Red, green, and blue (RGB).
The best CSS element to use when determining the font of text.
font-family
The full name of the abbreviation "CSS."
Cascading Stylesheets (or Style Sheets).
This term refers to the part of a CSS rule that declares which element of the style is changing (ex: background-color).
Property
div {
margin: 20px;
}
Selects every <div> and adds a margin of 20 pixels to it.
Saturation
The type of font that this game is being written with, often considered more legible (but less formal) than its alternative.
Sans-serif
The standard size for text in most browsers.
16 pixels (px)
This term refers to the part of a CSS rule that declares how the style of a particular element will change (ex: gray).
Value
div.note {
margin: 2rem;
}
Selects every <div> with a class="note" attribute assigned to it, and gives it a margin of twice the font size of the root element (i.e., the <html> element).
The measure of how dark/light a color is; i.e., how much white or black it has.
In addition to left, right, and center, you can specify the text-align property with this value, which ensures that every line of text fills the entire box, except the last.
Justify
A unit of size that allows you to scale something based off of the font-size of its parent element.
em
A name that describes each of the following items: rem, em, %, vh.
Relative units
blockquote #small {
font-size: 25%;
}
Selects elements that have an ID attribute of "small" AND are within a blockquote element, then makes their font-size 25% of whatever its original size was.
Unlike formulas that create more diverse color palettes (i.e. analogous or triadic), this formula creates a more cohesive palette with different versions of a single hue.
Monochromatic
A name that describes each of the following items:
:link, :visited, :hover, :active, :focus
Psuedo-classes
(page 291 of Duckett!)
When you use rem as a unit of size, you're scaling the size of a property (font-size, margin, border, etc.) off of the font size of this element.
<html>