The following article will provide you a CSS code to make a Calendar.

The Table

I will describe the data from the calendar tabular; the table element is semantically correct. So if you are going to use the tables as ‘positioning grid’ will make your site look wrong. But in case you will use them just for design, it’s ok, because it just presenting the tabular data. Tabular data is : calendars, charts, schedules, spreadsheets. If you will not use CSS code, you will have an unordered result. So, don’t try without CSS .!

Permalink to this topic

Until now I hope that you know that CSS works and operates in three dimensions : height, width, and depth. On the last tutorials we have seen more ore less the first two. In this one we shall start using and see how different elements are becoming layers. Conclusion, the elements overlap one another.
In order to have a basic order in our elements we can give number to each element 1-index.  Choose what ever you like for numbering.

Permalink to this topic

The property can be used just to the right or left u sing the property float. So the box with the content floats on the right either the left.

How can we do it?

The HTML code looks like this :

Permalink to this topic

The <span> and <div> elements are used to group and structure a document and are used with the attributes class and id. In the following tutorial we will have a close look at the how we use <span> and <div> since these two elements are very important to CSS.

Grouping with <span>

<span> it can be called a neutral element and it is not adding anything to the doc itself. Though with CSS, <span> can be used to add visual features to specific parts of text to some documents.

Permalink to this topic

In the following tutorial we will show you how to make your first style sheet. First you will know the basic CSS model and the codes that are necessary to use CSS in a HTML document.
Basic the properties used in a CSS are similar with those used in HTML. So if you are a ‘legend’ in using HTML then for sure you will recognize the codes.

CSS syntax

A basic great  color for a background web page;

With HTML we will do it like this :

Permalink to this topic

What is CSS is in fact ?

For a while CSS is no longer something that represents what we call ‘unknown’. The following so called article/tutorial will teach you what CSS is and what it can do for you. So CSS is an acronym for Cascading Style Sheets.

What can we do with CSS ?

Simple and with no more other introduction, CSS is the language that defines layout of HTML documents. CSS is covering lines, height, width, fonts, margins, advanced and other things.

HTML is being used to add layout to a website. CSS offers a great and large gamut of option and is more accurate and sophisticated. All the browsers are supporting CSS today.

Permalink to this topic

  Padding offers you the ability to change the default padding that exists in some HTML typo (tables, paragraphs, and others). First lets define padding. Padding represents the space from an element’s border and the content within it.

We have attached an example bellow for a visual representation. P.S : The border is made visual for all the elements, so you can see the effects of padding.

Permalink to this topic

When you decide to use CSS, it is best to use and keep your CSS file separate from HTML. Doing that will give you the chance to see the difference between the content and design (CSS). External CSS contains just CSS code and is being saved in file extension. After that the CSS file is being referenced into your HTML just using <link> and not <style>. The following tutorial will explain everything for you.

Permalink to this topic