CSS – currentcolor Keyword
The currentcolor keyword refers to the value of the color property of an element, and can be used to set other properties within the element to the same color.
CSS – @font-face Rule
The @font-face rule allows for the use of fonts other than “web-safe” fonts. A font name is defined for the font and then the custom font is pointed to it.
CSS – @import Rule
The @import rule allows you to import a style sheet into another style sheet, and must be at the top of the document just after the @charset declaration.
CSS – Inherit vs Initial vs Unset Keywords
The inherit keyword specifies that a property should inherit its value from its parent. The initial keyword is used to set a property to its default value.
CSS – @keyframes Rule
The @keyframes rule defines the animation timeline, which gradually changes from one set of CSS styles to another.
CSS – List of Flex Properties
This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.
CSS – List of Functions
This is a quick reference list of CSS functions and how they can be used to modify an element’s properties.
CSS – List of Grid Properties
This is a quick reference list of CSS grid properties used to create grid templates and style them for a responsive design.
CSS – List of Pseudo-Classes
This is a quick reference list of CSS pseudo-classes used to select HTML elements for styling.
CSS – List of Pseudo-Elements
This is a quick reference list of CSS pseudo-elements used to select HTML elements for styling.
CSS – List of Selectors
This is a quick reference list of CSS selectors and how they work in selecting HTML elements to apply styling.
CSS – @media Rule
The @media Rule describes CSS media queries to be used to define style rules for specific device types or a wide range of screen sizes and capabilities.
CSS – Predefined Color Names
There are 140 color names predefined in HTML/CSS. This list shows the 16 most common (and their HEX code and RGB value), followed by the full list of 140.
CSS – Style Types (bullets and numerals)
This is a quick reference list of CSS bullet and numeral types that can be used in an HTML list to replace the default list item marker.
CSS – Template
This is a CSS template to organize your styles by section, page, product, etc. It also has a sample link to import another style sheet, a sample link to Google Fonts, and several sample media queries.
CSS – Units of Length
CSS has several different units for expressing a length either as an absolute value or relative to another element’s value or the screen size itself.