Formatting text in css
In this section we will explore how to format and customize CSS text.
The example illustrated below shows how to format text using css:
.text
{
Font-family: verdana;
Color: green;
Font-size: 12;
Text-decoration: underline;
}
|
now, let's add the text in the html page
|
<html>
<body>
<div id=text>
This is article from bztalkonline is about learing css style sheet and be
able to use that in creating more organized and html content. this text is used
to show you how you can format the font to fit your desired theme of your webpage.
Thank you.
</div>
</body>
</html>
|
Explanation:
The programmer has the freedom to choose any text color or its html ASCII representation. In the example shown above, the color of the text is green and the font family used to specify the font type of the text is Verdana.
The font size is 12 which is typical for most text. The programmer can increase the size of text that will be used for the heading of a paragraph.
Text decoration is used to under line text, to remove underling from text set the text-decoration to none.
Below is an html representation of the output:
|
|
|