Principles of Computer: Chapter 6
style sheet
a language describing the visual presentation of structured documents
CSS color
a pre-defined name as in color:blue, or an rgb value as in color:rgb(50, 100, 255)
color CSS property
changes the color of the text
CSS rule
consists of a selector, an opening curly brace ({), a declaration block, and then a closing curly brace (})
declaration block
contains one or more declarations separated by semicolons (;)
element selector
matches elements with the specified element names
rgb
short for red, green, blue; all colors can be formed by combining those three colors
background property
shorthand for setting several of the element's background properties at the same time
multiple selector
specified using a comma (,) to separate selectors, matches all listed elements to apply a style rule
child selector
specified using a greater than character (>) between two selectors, matches any elements where the second element is a direct child of the first element
adjacent sibling selector
specified using a plus character (+) between two selectors, matches an element that immediately follows another element, where both elements have the same parent
general sibling selector
specified using a tilde character (~) between two selectors, matches the second element if the second element occurs after the first element and both elements are siblings
universal selector
specified using an asterisk character (*), matches all elements in the web page
pseudo-class selector
specified with a colon character followed by a pseudo-class name, matches elements based on user behavior or element metainformation
ID name selector
specified with a hash character followed by the ID name, matches the element that has the specified ID
class name selector
specified with a period character followed by the class name, matches elements that have the specified class name
descendant selector
specified with a selector followed by a space and another selector, matches elements that are contained in other elements
attribute selector
specified with an attribute name and optional value comparison enclosed in square brackets ([ and ]), matches elements with the specified attribute or the specified attribute and value
pseudo element selector
specified with two colon characters (::) followed by a pseudo-element, matches parts of elements
background-image property
specifies a background image
HSLA color value
specifies a color using the hsla(hue, saturation,lightness, alpha) function by indicating the hue, saturation, lightness, and alpha intensities
RGBA color value
specifies a color using the rgba(red, green, blue, alpha) function by indicating the red, green, blue, and alpha intensities
CSS selector
specifies the HTML elements to which the specific style rule apply
background-color property
specifies the background color
class attribute
specifies the classes to which the tag belongs
border
the border box contains the padded content and adds an optionally colored area around the padding
content
the innermost box contains the content of the element, such as text and images
margin
the margin box contains all three boxes and adds a transparent area around the border
padding
the padding box contains the content box and adds a transparent area around the content
cascading
the process of combining multiple style rules and resolving conflicts between those rules
CSS
1. a language that can be used to style a web page via changes in colors, sizes, spacing, fonts, and more 2. a textual language for describing how a web page is styled for visual presentation
combinators
CSS selectors that match specific relationships between other selectors
what is CSS short for?
Cascading Style Sheets
sibling elements
elements that share the same parent element
CSS styling declaration
indicates what value is assigned to a styling property