Saturday 9 March 2013

Advance CSS Tags



Grouping ( used for grouping of multiple tags, ids or class)
 h1h2p
{
color:green;
}

Nesting ( used to select a particular tag inside its parent tag)
For Exp 
 p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
You can use this:
.marked p
{
color:white;
}


cursor Property
:- The cursor property specifies the type of cursor to be displayed when pointing on an element.
<p>Mouse over the words to change the cursor.</p>
<span style="cursor:auto">auto</span><br />
<span style="cursor:crosshair">crosshair</span><br />
<span style="cursor:default">default</span><br />
<span style="cursor:e-resize">e-resize</span><br />
<span style="cursor:help">help</span><br />
<span style="cursor:move">move</span><br />
<span style="cursor:n-resize">n-resize</span><br />
<span style="cursor:ne-resize">ne-resize</span><br />
<span style="cursor:nw-resize">nw-resize</span><br />
<span style="cursor:pointer">pointer</span><br />
<span style="cursor:progress">progress</span><br />
<span style="cursor:s-resize">s-resize</span><br />
<span style="cursor:se-resize">se-resize</span><br />
<span style="cursor:sw-resize">sw-resize</span><br />
<span style="cursor:text">text</span><br />
<span style="cursor:w-resize">w-resize</span><br />
<span style="cursor:wait">wait</span><br />

No comments: