Embedded Files
The Box Model
The Box Model
All HTML elements can be considered boxes. In CSS, the term "box model" is used when talking about design and layout. The Box Model is essentially a box that wraps around every HTML element and consists of margins, padding, and the actual content.
Note: The padding and margins are transparent.
Length Units
Length Units
There are several different units that are used to express a length. Many CSS properties, such as font-size, margin, and padding, take length values. Length is a number followed by a length unit. such as 15px.
There are two types of length units: absolute and relative. Absolute length units are fixed while Relative units specify a length relative to another length property.
Some of the most commonly used length values are px, em, and %.
Color Values
Color Values
A color value is used to alter the color of text, backgrounds, and borders. There are four different ways to identify a color:
Predefined Color Name: HTML/CSS supports 140 standard color names, such as Violet or LightGray.
RGB Values: A color can be specified using the formula rgb(red, green, blue).
HEX Values: A color can be specified using the hexadecimal value from #rrggbb.
HSL Values: A color can be specified using the form hsl(hue, saturation %, lightness %).
Font Families
Font Families
A Font Name is used to alter the style of text. Font names fall under one of five categories, or "Font Families, listed below. Only a handful of Font Names are integrated into CSS; other fonts can be imported from external sources.
Serif: small strokes at the edge of each letter.
Sans-serif: clean lines, no small strokes.
Monospace: all the letters have the same fixed width.
Cursive: Imitate human handwriting.
Fantasy: decorative/playful.
Works Cited
Works Cited
Page updated
Google Sites
Report abuse