CSS Divisions and Other Basics

If you want to learn how to design websites then CSS is one of the things that you must learn and be good at. CSS stands for Cascading Style Sheet and it is a system used in altering the appearance of elements that are being used on a Web page.

Learning about the Basics

Before you can delve in deeper into the intricacies of CSS, you would have to learn about its basic concepts first. CSS is a way to define how HTML elements would appear on a page. Their use can save you a great deal of time, because instead of working and applying code to each and every page of a website, you can just set the definition that you want in CSS and it would apply to the whole document.

You have to understand that HTML has some limitations to it. It gave definition to the content, for example this code:

This is a heading

That would indicate that piece of content is a heading, but it would not really say how that content is going to be displayed. Adding codes to define the font, style and color for each pieces of content would have meant a laborious and repetitive process that was not really appreciated by any designer. That’s why they came up with CSS3 in order to make things a lot simpler.

Understanding CSS Divisions

You must learn about CSS divisions as one of your first steps in understanding CSS. A division is a HTML element that is utilized in defining a file. A division can be made up of various parts and is usually composed of all that makes up a site. Here is a basic code for a division:

content goes here

You can make further changes to that code. For example, you can add some style to it:


Site contents go hereHere is what can be found in a CSS file:

#container{
  width: 70%;
  margin: auto;
  padding: 20px;
  border: 1px solid #666;
  background: #ffffff;
}

Now all of the elements that can be found inside the division that was created will be styled according to what I have defined on the file. When you create a division it would create a line break as a default function. Now you can go ahead and create various definitions on your site by using IDs and even classes.

Tips in Using the

Element

You have to keep in mind that the

is very much in use within CSS for creating Web page layouts. It plays a very crucial role. The

is supported on all of the major browsers in use today so you shouldn’t have any problems with that.

Other Basic Info on CSS

There are many other basic information about CSS that you should explore. Again, the main benefit that you can out of using it is that it can save you a great deal of time. So you should never pass up on the opportunity of learning more about it.