HTML-CSS Cheatsheet

CSS: Typography

Tag/Attribute/Propertie	Name	Definition/Rule
font-weight	font-weight	The CSS font-weight property declares how thick or thin should be the characters of a text. Numerical values can be used with this property to set the thickness of the text. The numeric scale range of this property is from 100 to 900 and accepts only multiples of 100. The default value is normal while the default numerical value is 400. Any value less than 400 will have text appear lighter than the default while any numerical value greater than the 400 will appear bolder.
font-style	font-style	The CSS font-style property determines the font style in which text will appear. It accepts italic as a value to set the font style to italic.
@font-face	@font-face	The CSS @font-face rule allows external fonts or font files to be imported directly into stylesheets. The location of the font file must be specified in the CSS rule so that the files can be loaded from that location. This rule also allows locally hosted fonts to be added using a relative file path instead of a web URL.

Tag/Attribute/Propertie	Name	Definition/Rule
color	Color Name Keywords	Color name keywords can be used to set color property values for elements in CSS.
rgba()/hsla()	CSS Color Alpha Values	Alpha values determine the transparency of colors in CSS. Alpha values can be set for both RGB and HSL colors by using rgba() and hsla() and providing a fourth value representing alpha. Alpha values can range between 0.0 (totally transparent) and 1.0 (totally opaque). The CSS transparent value can also be used to create a fully transparent element.
#ff0000	CSS Hexadecimal Colors	CSS colors can be represented in hexadecimal (or hex) notation. Hexadecimal digits can represent sixteen different values using 0-9 and a-f. Hexadecimal colors are composed of 6 characters–each group of two represents a value between 0 and 255 for red, green, or blue. For example #ff0000 is all red, no green, and no blue. When both characters of all three colors are repeated, hex colors can be abbreviated to only three values, so #0000ff could also be represented as #00f.