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 that color.
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.
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.
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.
This is a quick reference list of CSS functions and how they can be used to modify an element’s properties.
The @keyframes rule defines the animation timeline, which gradually changes from one set of CSS styles to another.
This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.
This is a quick reference list of CSS grid properties used to create grid templates and style them for a responsive design.
This is a quick reference list of CSS selectors and how they work in selecting HTML elements to apply styling.
This is a quick reference list of CSS pseudo-classes used to select HTML elements for styling.
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.
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.
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.
This is a quick reference list of CSS pseudo-elements used to select HTML elements for styling.
This is a CSS template to organize your styles by section, page, product, etc. It also has a sample link to Google Fonts, and several sample media queries.
The following are lists of good, web-safe font families for HTML/CSS.
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.
Thanks for your support!