Simple CSS Style

Posted by EM MAJ_COM On Friday, August 17, 2012
The HTML basic framework is completed, let's add some basic cascaded style sheet (CSS) to a better presentation of our website.

The id #nav_container { } is use for menu style, to control the list type style.
The id #nav_container li { } is use to stack the menu in horizontal using the display inline-block.
The id #nav_container li a { } is use to style of your menu links.
The class .left_column { } is use to style your website left column.
The class .right_column { } is use to style your website right column.

Sample Cascaded Style Sheet (CSS)

#nav_container {
list-style-type: none;
background: grey;
margin-bottom: 15px;
}

#nav_container li {
display: inline-block;

}

#nav_container li a {
display: inline-block;
text-decoration: none;
padding: 5px;
color: white;
}

#nav_container li a:hover {
color: black;
}

.left_column {
margin-right:170px;
}
.right_column {
float:right;
width:160px;

}
Learn these html, stylesheet, and javascript programming, visit Codecademy.com website.

Related Posts :



0 Response to "Simple CSS Style"

Post a Comment

First things first: Connect through one of the following social media tools below:
Enter your email address:
Subscribe to KING.NET by Email http://www.twitter.com/kingnet
http://www.randompage.com/profile/king
Moscom.com Web Hosting 24x7 Phone Support. The ultimate in performance, control, and convenience.

Get a Free Bitcoin

NeedName.com - Domain Name Registration and DNS Management.
Breeder.co - All about Pets.
Pet By OWner.
Moscom.com Web Hosting, SSL, Email, DomainName, and Dedicated Server.
For Ad Campaign, please send email to Support[@]Whaddya.com. Thank you.