CSS Syntax, Selectors, and Background (w3schools)

CSS selectors

are used to “find” (or select) the HTML elements you want to style

simple selectors

select elements based on name, id, class

combinator selectors

select elements based on a specific relationship between them

pseudo-class selectors

select elements based on a certain state

pseudo-elements selectors

select and style a part on an element

attribute selectors

select elements based on an attribute or attribute value

id selector

uses the id attribute on an HTML element to select a specific element

class selector

selects HTML elements with a specific class attribute

universal selector (*)

selects all HTML elements on the page

grouping selector

selects all the HTML elements with the same style definitions

external CSS

you can change the look of an entire website by changing just one file

internal CSS

may be used if one single HTML page has a unique style

inline CSS

may be used to apply a unique style for a single element

p

is a selector in CSS (it points to the HTML elements you want to style: <p>

color and text-align

is a property

red and center

is the property value

selector and decoration block

CSS rule consists of a ________ and _______

CSS background properties

are used to add background effects for elements

background-color property

specifies the background color of an element

opacity property

specifies the opacity/transparency of an element

background-image property

specifies an image to use as the background of an element

background-repeat property

sets if/how a background image will be repeated

background-attachment

specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page)

background shorthand property

to shorten the code, it is possible to specify all the background properties in one single property

background-position property

designates the starting position of a background image

background-size property

sets the size of the background image