S
shank
I've been using CSS for a while now and I have just come to believe that I
am not using it correctly. I just grabbed a few lines of my CSS file below.
I think I should be condensing these items much further. I'm using the
www.w3schools.com site which is great for reference, but not to great for
hand holding and practical use. If I can get the below questions figured out
I can probably get organized much better.
1) How can I make "font-family:arial" effective for my whole website in one
place? I'm sure I'm being redundant below.
2) I don't have any H1, H2, H3, tags at all on my site. I created a style in
lieu of those tags. Is that OK?
3) What do I do if I want the same font color on 20 styles, but want
different text sizes. How can I set the color in place and then different
sizes under it?
..blue_body {font-family:arial; font-size:11px; font-weight: normal; color:
#0000FF; }
..black_body {font-family:arial; font-size:11px; font-weight: bold; color:
black; }
..red_body {font-family:arial; font-size:10px; font-weight: bold; color:
red; }
..red_link {font-family:arial; font-size:18px; font-weight: bold; color:
#ff0000; }
..red_body16 { font-family:arial; font-size:16px; font-weight: bold; color:
#FF0000; }
..red_title36 { font-family:arial; font-size:36px; font-weight: bold; color:
#FF0000; }
Thanks!!!
am not using it correctly. I just grabbed a few lines of my CSS file below.
I think I should be condensing these items much further. I'm using the
www.w3schools.com site which is great for reference, but not to great for
hand holding and practical use. If I can get the below questions figured out
I can probably get organized much better.
1) How can I make "font-family:arial" effective for my whole website in one
place? I'm sure I'm being redundant below.
2) I don't have any H1, H2, H3, tags at all on my site. I created a style in
lieu of those tags. Is that OK?
3) What do I do if I want the same font color on 20 styles, but want
different text sizes. How can I set the color in place and then different
sizes under it?
..blue_body {font-family:arial; font-size:11px; font-weight: normal; color:
#0000FF; }
..black_body {font-family:arial; font-size:11px; font-weight: bold; color:
black; }
..red_body {font-family:arial; font-size:10px; font-weight: bold; color:
red; }
..red_link {font-family:arial; font-size:18px; font-weight: bold; color:
#ff0000; }
..red_body16 { font-family:arial; font-size:16px; font-weight: bold; color:
#FF0000; }
..red_title36 { font-family:arial; font-size:36px; font-weight: bold; color:
#FF0000; }
Thanks!!!