Week 1

The three ways to introduce CSS are internal, external and inline. External CSS is where you create your page
and link all of the CSS attributes in another file. The file is a .CSS type and contains all of the features
of the entire site. This is a better tool for a large website where you can reduce code and have everything
in a separate file. The external file sheet is linked in each page of your site. It saves time to have this
feature if you want to quickly change several pages at one time.
Internal CSS is used for a small site or single page. You add the different style tags in the head to define
the page. Much like the external CSS you define all of the elements in the head so you do not have to do it
in the body of the page to save time and reduce code.
Inline CSS is used when applying style attributes to a single element. You would not want to do this for the
entire page but for small areas where there is change. When using inline you add the style tag to the specific
element you want it to apply to. This occurs in the body section of the html document.
Property in CSS is a characteristic of an HTML element that can be modified with color, font size or margin.
Values are assigned to properties like size, color or opacity such as solid.
Selector in CSS adds style to a specific element.
List of selectors in CSS: element Selectors, class Selectors, Child Selectors, attribute Selector with Class,
id Selector, Id Selector with Classes, div Selector, Group Selectors, multiple Selectors, and Descendant Selectors.
There are several measurements used in CSS that are divided into two categories- absolute and relative.
Absolute length measurements are fixed and unchanged size on the screen. Absolute units are: mm, cm, Q, in, pt, pc and px.
Relative length units are in relation to other elements. Relative units are em, ex, ch, rem, lh, rlh, vh, vw,
vmin, vmax, vb, vi, svw, svh, lvw, lvh, dvw, and dvh.