Lab 4

The CSS Border Property

"The border property in CSS is a shorthand property allowing you to add color, width, and style of the border. The shorthand syntax for the border property is: border: [border-width] [border-style] [border-color];. You can set these properties individually: border-color: Specifies the color of the border border-width: Specifies the width of the border. border-style: Specifies the style of the border (e.g., solid, dashed, etc.). Additionally, you can set properties for individual borders (top, right, bottom, left) using properties like border-top, border-right, border-bottom, and border-left."

The CSS Padding Property

Padding in CSS refers to the space between the content of an element and its border. It is used to create space inside an element. Unlike margin, which creates space outside an element and affects its positioning relative to other elements, padding affects only the interior space of the element.

The CSS Font Family Property

The font-family property in CSS specifies the font family or list of font families for an element to use when rendering text. When specifying multiple font families, the browser will try to use the first font family in the list. If it's not available, it will fall back to the next one, and so on. Generic font names like serif, sans-serif, and monospace are also commonly used in font-family lists. These generic font names represent font families that are available on most operating systems.

The CSS Font Size Property

CSS supports various units for specifying lengths, including pixels (px), percentages (%), ems (em), rems (rem), and more. Pixels (px) are commonly used for specifying exact sizes and are relative to the screen's resolution. Percentages (%) are relative to the parent element's size. Ems (em) and rems (rem) are relative units that are based on the font size of the element or the root element, respectively. They are useful for creating scalable designs. Other units such as inches (in), centimeters (cm), and points (pt) are also available but are less commonly used in web design due to their fixed nature and inconsistencies across devices."