CSS Lessons

Different browsers have different default styling for headings – the h1, h2, h3, etc. tags. However, with a little bit of CSS, we can style them any way we like.

A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..

Most browsers will show links by default in blue and visited links in purple. BOOOORING!!! That, and purple just doesn’t look good on some people. (See a boring link without style) But with a little bit of CSS, you can style your links any way you like.

Shortcuts are a good thing. They save time, gas, and make life easier. And who wouldn’t like things easier? Why write:

A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..

A webpage usually consists of several different parts – of course that can vary depending on content and design, but almost every page has a header, a navigation, content, and a footer. We’ve already discussed the beauty of an external stylesheet to define the look and layout of an entire website. For this reason, it’s very useful to proclaim the specific parts clearly in the html, so we can address them in the stylesheet.

There are actually three ways to add CSS to a web page and each one has a very specific purpose and use.

If I haven’t made it clear in the earlier HTML tutorials, I’m making it clear now: A well-designed website is styled with an external Cascading Style Sheet. Even as a child, "because I say so" was never good enough for me, and I don’t expect it to be good enough for you. Your website consists of multiple pages, and we’re linking all of them to the SAME stylesheet. That stylesheet adds font types, colors, positioning, background images, etc. to the entire site.