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
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.
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.
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.