CSS

Latest Style Of Css For Fonts

Posted by hitendra123 on January 22, 2010
.normaltext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #842220;
text-decoration: none;
}
a.buttontext:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #B97800;
text-decoration: underline;
}
.normaltext2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
line-height: 18px;
}
.bottomtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.whitetextbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
.whitetextbolddark {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
font-weight:bold;
padding-left:5px;
}
a.bottomtext:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #720C0C;
text-decoration: underline;
}
a.redtextbold:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ECA200;
text-decoration: underline;
font-weight: bold;
}
.titlefont
{
color: #e4a00e;
font-size: 17px;
font-family: Impact;
letter-spacing: 2px;
}
.tdform
{
padding-top: 3px;
padding-bottom: 3px;
text-transform: uppercase;
text-align: left;
width: 35%;



CSS : A Overview

What is CSS
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is,

the look and formatting) of a document written in a markup language
In primary CSS is mainly design to separate document content from document presentation including elements

such as the layout, colors, and fonts. But over the period this separation can improve content

accessibility, provide more flexibility.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type

(MIME type) text/css .

How to create CSS
CSS is the simple having extension .CSS
A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors and a

declaration block. It has different properties. Every property has a value with : (colon) between them.
There are number of classes defined in CSS.
We can create CSS on simple notepad editor.

First step while creating CSS is defined different classes for different controls
in following example we put class for Button control

Open the Note pad editor and paste the following code in it

.Newbutton
{
	text-align: Center;
	background-color: #BEDBF8;
	height: 24px;
	color: black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}


class name should be start with dot sign.

The save the file with Demo.css at any location.

Now we have to take the use of this CSV

Open the ASPX/HTML page
under HEAD tag add the following line.
Suggestion are most welcome

using above code button will take effect.

This is our css application ready, see how easy it is.

Style sheet has some Advantages and Disadvantages as follows

Advantages
- Flexibility
- Separation of Content from Presentation
- A style sheet will usually be stored in the browser cache, and can therefore be used on multiple pages
without being reloaded

Disadvantages
- CSS offers no way to select a parent or ancestor of an element that satisfies certain criteria.
- Vertical control placement is quite not possible
- Inconsistent browser support

This is short lesson about the CSS.