Colors & backgrounds
This property sets the text color of an element.
What is color?
This property defines the space between lines of text.
What is line-height?
This property adds space around an element's content, inside any defined borders.
What is padding?
This selector targets elements based on their id attribute.
What is the ID selector (#id)?
This property specifies how long a transition effect takes to complete.
What is transition-duration?
This value in CSS represents transparency and ranges from 0.0 to 1.0.
What is opacity?
This transform value makes all letters in the text uppercase.
What is text-transform: uppercase?
This property creates rounded corners on an element's border.
What is border-radius?
This pseudo-class applies styles when the user hovers over an element.
What is :hover?
This property adds a shadow effect around an element's frame.
What is box-shadow?
This CSS function allows you to create a gradient background that transitions smoothly between two or more colors.
What is linear-gradient()?
This property creates a shadow effect around text content.
What is text-shadow?
This shorthand property lets you set the top, right, bottom, and left margins in one declaration.
What is margin?
This selector targets all elements that are direct children of a specified element.
What is the child selector (>)?
This function allows you to scale, rotate, skew, or translate an element.
What is transform?
This property sets how a background image should repeat if the image is smaller than the element.
What is background-repeat?
This @-rule allows you to import and use custom web fonts in your CSS.
What is @font-face?
This value type can be used to create a border with an image instead of a solid color.
What is border-image?
This pseudo-class selects elements based on their position among siblings of the same type.
What is :nth-of-type()?
This timing function makes a transition start slowly, speed up in the middle, and slow down at the end.
What is transition-timing-function: ease or cubic-bezier()?
This color model in CSS defines colors using hue, saturation, and lightness values.
What is hsl() or hsla()?
This property controls the spacing between individual characters in text.
What is letter-spacing?
This property determines if the padding and border are included in an element's width and height calculations.
What is box-sizing?
This pseudo-element allows you to style the first line of a block of text.
What is ::first-line?
This property specifies which CSS properties should animate during a transition.
What is transition-property?