Hello future's webmaster! We gonna to show you how put form and color on your website. A white bottom it's not very attractive. With the CSS3, you can use color,effects,shadow on your site

How can we use CSS3 ?

When we create a site, we need this language. It's an CSS's evolution. There is lot off new beacons. First of all, we gonna to explain the new's beacons.

Each explication are explain in brief. Try to create codes! You can do it!

I. Creation

1.The appeal

When we dash in page's design, we don't really know how can we call the functions in our files.css. How can we do it?

The css's structure is always the same, about or declaration. It's compose of one selector(beacon,login or class), one or two propriety(border, padding, margin,...) and one or some values(red,8px,...). It's constructing like that:

When we create a site, you will appeal some beacons in your .css with selectors.

If you have a simple beacon like

If you call your beacon with

 id=toto 

And finally, if you appeal your beacon with a class="lala", your selector must be precede by one .:

Now, What is the difference between the propriety class and id ? They don't have the same feature. You use "id" when you call one time in your file and when you call several times you use "class".

2. Internet

When we gonna to make in form your website, the code will not the same on the diferents search engine. In fact, each search engine has a style sheet which the code change. Here is diferents beacons. You can put theres between the propriety.

Mozilla : -moz-
Opera : -o-
Safari : -webkit-
Chrome : -webkit-
Internet Explorer : -ms-

Example :

Here is, we will have a grey background color with coins roundness to 10px. Our background will be post on 5 explorators. It isn't easy for you but you can progress if you make code.

II. Structure

1. Make a body

The body is the body of the text. It's in this place where you can insert image and your text. You can fixed margin on the left or on the right, a footer and a header. Furthermore, you can the background's color and insert a image.

Example :

Explication :

You can make a margin on the left or on the right. You just have to switch the top by left or right.

2. To create a page

Before writing a text, we have to create a page.

To create a page, you just create a selector. We call it "fond-blanc" in our example.

Example :

Explication :

You can observe the apparance of padding beacons which allow to create a margin, here is 20px, on the left and on the right of our text.