CharlieRichJr.com

Main Links

Navigation

The links on the upper left side of this page are primarily concerned with my music and career.

It features a biography, music samples, a section on my Dad, "The Silver Fox". The road section features information about recent or upcoming shows. There's a merchandise section, where you can buy CDs, and photos. There's also a full length video section, a guestbook area, and finally a weblog, which I try to update frequently.

I will also be addressing some of the questions that I'm often asked during my travels. So, with that in mind, enjoy the site and carry on...
$CRjr

CSS

The W3C, or Worldwide Web Consortium, defines CSS (or) Cascading Style Sheets as: a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. It helps to give a more professional look to a web page by keeping the style of the page more orderly. It can control the style and layout of multiple Web pages all at once. For instance, let's say you have a website with 100 pages. All of a sudden, you feel the urge to change your background color from white to black, and your text color from black to white. Let's say you've also grown tired of that Arial font, so you want to change that too. Well, it's as simple as this:

BODY {
        font-family: verdana, sans-serif;
        background:  black;
        color:white;
        }




Now you can do this three different ways with CSS. Inline, Embedded, or Linked. Linked really is the way to go, as you won't have to change "each separate page". You just change the one .css file, and you've automatically changed all 100 pages. Of course, you have to put a link to them in each page, in the first place, but anytime you want to change something, it's a matter of a few keystrokes on your computer. It's a real time-saver.

Separating content from presentation.

Another really cool thing about CSS, is that it will do all the styling you need, and the XHTML or HTML can be left to simply spell out the elements. At first this concept was a little difficult to get my head around, but it didn't take too long to see the logic in it. With traditional HTML, there were all sorts of tags (now deprecated) that you put all over your page, just to get it to look the way you wanted it to. Now, that can all done with CSS. It really simplifies, and at the same time clarifies what web standards are all about. Here's a basic web page done the old way.

////////////////////////////
<head>
<title>HTML ONLY, NO CSS</title> 
</head> 
<body bgcolor="#CCCCFF" text="#000000">

<h1><font color="#999999">

HEADING ONE IS GRAY</font></h1>

<h2><font color="#3333FF">

HEADING TWO IS BLUE</font></h2>

<h2><font color="#CC0000">

HEADING THREE IS RED</font></h2>

<p><font face="Arial, Helvetica, 
sans-serif">All of the presentation 
is mixed 
  in with the content of this page. 
It's a <font color="#FF0033">mess</font>.
</font></p>
</body> 
</html>
////////////////////////////

The page can be viewed here. Not very pretty I know.

Now, here is the same content, but the presentation (font color, font family, headings, etc. handled with CSS. The CSS is all put in a separate file with a .css file extension. Then we link to that file from this page.)

////////////////////////////
<html>
<head>
<title>CSS STYLED PAGE</title> 
</head>
<body>
<h1>HEADING ONE IS GRAY</h1>

<h2>HEADING TWO IS BLUE</h2>

<h3>HEADING THREE IS RED</h3>

<p>All of the presentation 
is mixed in with the content of this page. 
It's a <span>mess</span>.</p>
</body>
</html>
////////////////////////////

Do you see how clutter free this content is? Yes, the basic elements are spelled out, but that's about it. Other than one span tag, that's it. All of the styling is handled by the CSS below, but first look at the CSS style page here. It looks the same, but without all the clutter.

Here's the CSS file

BODY {
        font-family: verdana, sans-serif;
        background:  #CCCCFF;
        color:   #000000
        }
H1      {color:#3333FF}
H2      {color:#CC0000}
H3      {color:#FF0033}
SPAN  {color:#FF0033}

That's it. Simple and effective. Now the page still isn't pretty, but I just wanted to make the point that you can achieve the same (or better) results with CSS as you can without it. Maybe after such ugly example pages, you're ready for something prettier. Here ya' go. A pretty page with CSS..

If you want to learn more about CSS...

Here are some great links.

Still more stuff...

  1. Being taken seriously.
  2. How my father became a star.
  3. So, you wanna' be a country star?
  4. Who do you like better, Garth or Gershwin?
  5. You'll eat what you're served...
  6. The Media: Out with the old, in with the new.
  7. It's great exposure.

Thoughts on some of the people I've played with or known.

 

 

 

 

 

 

 

 

 

 

 

return to top

© Copyright 1998-2017 | Charlie Rich Jr