Friday, September 5, 2008

A very basic functional introduction to Css

Hi,

This is an extreme basic introduction to apply css.

============================

Display <li> horizontally -

<ul class="MyCss">
<li>Asp.net</li>
<li>JavaScript</li>
<li>Css</li>
</ul>

Definition of MyCss
ul.MyCss
{
margin: 0 0 0 0;
}

ul.MyCss li
{
display: inline;
}

===============================

Another way to apply same css -

div ul li
{
display:inline;
}

<div>
<ul>
<li>Asp.net</li>
<li>JavaScript</li>
<li>Css</li>
</ul>
</div>

===============================

Applying css using Tag id -

Lets we have
<span id="mySpan">Hi, css applied</span>

we can define its class using id like this -
#mySpan
{
background: #cfc;
}

===============================

No comments: