Blog Post: Using CSS

Red Deer & Blackfalds Web Design Writes:

If you are already a Web Developer then you know the power of CSS! Cascading Style Sheets, as they are referred to, are used to create the Artistic side of a webpage or website. Currently on it’s third version (ie, referred to as CSS3) you will not find a web-page nowadays that does not contain CSS as it has proven to be the counterpart to HTML which I wrote about previously.

As part of the 21st century we have been spoiled with websites that are colourful, and full of graphics and gradients and dropshadows … etc. However! If you reference the photo above, you will see a split-screen of what my website looks like with and without CSS. In the dawn of the internet era, all webpages looked as mine does on the left-side! Hopefully this helps you gauge the importance of a properly designed Stylesheet for your website, and how by changing only this element it can drastically change the appearance of your webpage.

Now a Cascading Style Sheet can be done in a number of ways. It can be implanted directly onto your HTML pages (NOT RECOMMENDED) or rather you can use the simple bit of code below to reference it in your HTML documents, thus making Edits in the future much simpler by compiling it all in one space:

<link rel="stylesheet" href="nameofcssfile.css" type="text/css">

This is handy because now by making edits it can apply to your entire website all in one area. In order to capitalize on your CSS it is important to understand the following terms:

  • Using <div> Tags – a DIV tag is used to create a Division on a page, in order to isolate different Elements of HTML so that you can apply specific characteristics (styles) to them
  • Using <div id="INSERT"> – an ID can only be applied once on an element. Therefore you cannot have multiple ID’s; however, you can use the same ID in multiple DIV tags
  • Using <div class="INSERT"> – you can apply multiple classes to a single DIV. This becomes useful once you have created different elements in your CSS, of which multiple can apply to a single item

Perhaps this is a bit advanced; however, all the more reason to dive into CSS further and read about all the different types of Classes and Divs that can be applied to help make your webpage beautiful! As well, using some existing templates you can locate and modify existing CSS in order to fully customize your site even further.

Joshua Neufeld

Owner at Red Anchor Studio
At Red Anchor Studio we are dedicated to building local business! We offer high quality developments at an affordable price, and we can work to get your business online at any budget.

Latest posts by Joshua Neufeld (see all)