by Jon Duckett
It is easier to customize and design a page when you imagine that each HTML element has its own box. Each box can be created to look different (color/background/text/border/size).
A selector indicates which section the styled rule will apply to.
A declaration indicates how the sections will be styled.
There are two parts to a declaration: property (font-family, width, height, color, border) and value (font type, color). Property and value are separated by a colon. There can be more than one property and value in a declaration, and is separated using a semi-colon.
Pros of external style sheets: It can be used for multiple pages and can be changed using one CSS style sheet. External style sheets keep your content separate from “how your page looks.” It makes loading a page faster, and is easier to read the code. I don’t see any CONS to using an external style sheet, however an internal style sheet is not recommended for a website with multiple pages (generally websites have more than one page).
Browser quirks or CSS bugs are what happens when a page is not displaying the way it was intended. To check for these quirks you need to see what your page looks like in different browsers or go to: PositionIsEverything.net or QuirkMode.org.
Allows you to specify color for text and backgrounds.
RGB Values, HEX Codes, and Color names. Color names are the most limited and not used often.
High or medium contrast on a dark background will make it easier to read.
It adds depth to a page (RGBA)
Serif type fonts, used in print for “long passages,” have more detail on the ends of each letter, and are “easier to read.” (Georgia, Times, Times New Roman)
San-serif texts do not have details and are easier to read when using smaller text sizes. (Arial, Verdana, Helvetica)
Monospace letters are all the same width, and is a common font used for code (b/c alignment is square.
A font stack is basically an “order” of font preferences that may not be available on some programs or browsers. Font stacks are used to indicate typefaces (sans-serif, serif etc.)
Font Stack Example: font-family: Helvetica, Verdana, sans-serif
Designers most often use text-decoration to remove the underline of hypertext.
Leading is a term used to refer to the vertical empty space between lines of text. If there is not enough white space between lines of text, then it becomes hard to read.
Word spacing does not increase readability.
(:link) and (:visited link)