Creating the Web Layout Design using CSS and HTML

Cascading style sheets (CSS) is a set of rules stating how the styles applied to HTML tags in the document. The recommendation outlines three types of CSS style:
Embedded: style properties placed in one block in the HTML document.
Inline style properties applied directly on each line or each HTML element.
Linked: style properties placed in berekstensi css file and linked to the HTML document.

In addition to reviewing the use of CSS, this section also emphasizes on creating designs using division. However, to produce design good web pages, using tables is not recommended and instead is to use division.

Now we will try to create an web layout design using CSS and HTML.

1. At the first time, create the css file. Type this code:



2. Save that file as my_style.css
3. And then create the HTML file. Type this code:


4. Save that file as layout.html
5. And your layout should be like this: