Jose Saucedo

Mr. Mentze
Block. 4
1/29/16
Unit 7
1. These 6 fonts can be classified loosely into three categories. Arial, Verdana and
Trebuchet MS are whats known as sans-serif fonts.
2. Serifs are the embellishments on the ends of characters, and sans-serif fonts dont
have them.
3. Serifs are the embellishments on the ends of characters, and sans-serif fonts dont
have them.
4. Such fonts are often known as proportionally-spaced fonts, as each characters
width on paper is proportional to its actual width. Using a fixed-width, non-proportional
font is useful in lists of numbers if you want all the columns to line up correctly. For just
about all other purposes, proportional fonts tend to be more readable and look more
professional. Unless you specifically want to create a web page that looks like it was
produced on a typewriter.
5. Proportional fonts tend to be more readable and look more professional.
6. A typical reference book on CSS runs to over 600 pages, but thankfully were not
going to go into that much detail in this book.
7. A class is a style that you can use anywhere on a web page, rather than for a
particular HTML tag.
8. There are 2 differences between this style and the others that we have created.
First, we chose our own name for the style, rather than using the name of an HTML tag.
Second, the style name starts with a dot. The dot is what tells the browser that this is a
class rather than an HTML tag style.

9. The main benefit of using styles in HTML pages is that they make it easy to make
wide reaching changes to a website with a single click. Just change a single entry in your
css file and the entire site changes. However, if you are to gain the maximum benefit
from using css there are two things you need to know about.
10. First, keep the number of styles (tag and class) to a minimum. If you find yourself
creating 6 different versions of the fave-cheese class in order to fit the particular
idiosyncrasies of your sites layout (eg one version for headings, one for picture captions
etc), you lose much of the benefit of CSS because there are now 6 different things that
you need to change if you want to alter the way that the names of your cheeses are
displayed. Second, choose your class names with care. Pick names based on what the
class is used for, not what it looks like. Consider what would happen if Id named my
cheese class "arialyellow" rather than "fave-cheese". If I ever redesign my site and decide
that I want the cheese names in purple rather than yellow, Ill end up with a class called
arial-yellow which actually displays in purple. This will make it much less obvious to me,
or anyone else in the future, to remember what each class is used for.