Saturday, 18 February 2017

CSS Text Formatting

Font Color,Size,Font Sytle

<span style="color:blue;font-size:xx-large;font-style:italic">Font Color,Size,Font Sytle</span>

Font Face Demo

<span style="font-family:Geneva, Arial, Helvetica, sans-serif;">Font Face Demo</span>


<h2><a href="#"  class="lf">I am dummy Link with CSS</a></h2>

* unvisited link */
a.lf:link {
    color: red;
     text-decoration:none;
}

/* visited link */
a.lf:visited {
    color: green;
}

/* mouse over link */
a.lf:hover {
    color: hotpink;
}

/* selected link */
a.lf:active {
    color: blue;
}

I AM LOWER CASE IN ORIGINAL BUT CSS MAKE ME UPPER CASE

<span style="text-transform:uppercase">I am lower case in original But CSS make me Upper case</span>

Words cover more space because word-spacing is used

<h3 style="word-spacing:30px">Words cover more space because word-spacing is used</h3>

Girfa : Student Help

<h1 style="text-shadow:3px 2px aqua;">Girfa : Student Help</h1>