Learn CSS daily

font-feature-settings
.custom-font { font-feature-settings: 'liga' on; }

The 'font-feature-settings' CSS property allows you to control advanced typographic features in OpenType fonts. You can enable ligatures, alternate characters, and other special font features using this property.

font-family
p { font-family: 'Arial', sans-serif; }

The CSS 'font-family' property specifies the font family used for text content. It allows you to define a prioritized list of font family names or generic family names for the browser to apply.

font
p { font: italic small-caps bold 20px/1.5 Arial, sans-serif; }

The 'font' property in CSS allows you to set various font properties such as font-style, font-variant, font-weight, font-size, line-height, and font-family in a single declaration.

float
.float-left { float: left; } .float-right { float: right; }

The CSS property 'float' is used to align elements to the left or right within their container, allowing other elements to wrap around them. It is commonly used for creating multi-column layouts or positioning elements in relation to each other.

flex-shrink
.flex-container { display: flex; } .flex-item { flex-shrink: 1; }

The 'flex-shrink' CSS property specifies how much a flex item will shrink relative to the rest of the flex items in the flex container when there is not enough space available. By default, flex items have a 'flex-shrink' value of 1, which means they can shrink equally in order to fit the container.