»Dotnet Ads
»Message Boards
Message Boards
Dotnet Books
»Member Details
Register
Login
LogOut
Submit Code
Submit Jobs
Submit Projects
»Competition
Community
Winners
Prizes
Write For Us
Members
»Other Resources
Links
Dotnet Resources
|
cascading style sheets and server side includesHighlight: Below, first we learn how to define individual tags with multiple definitions using the Cascading Style Sheets, and then we learn how to include common components on multiple web pages with minimum effort.
We packed up with external Cascading Style Sheets in the previous section, and I had mentioned like a sage that their could be a point in your life when you would like to implement different CSS definitions for different sections of the same HTML page. I understand that as you go through these HTML gospels, you're growing wiser and wiser, and your unquenchable thirst for wisdom is attaining new heights. Good!
We use the CLASS attribute to render different CSS definitions to same tags. Ok, before we move ahead, today I read in an article that tags in an HTML file should be used in small caps so that they can be used in sync with the emerging trends like XML etc. So small caps from now on.
Supposing, in one section, we want to look purple, and in another, we want to look black. If we do it in the usual
a {
font-size : 10 pt;
font-family : Arial;
font-weight : bold;
color : Purple;
text-decoration : none;
}
a:hover {
font-size : 10 pt;
font-family : Arial;
font-weight : bold;
color : Purple;
text-decoration : underline;
}
manner, we'll only have a purple colored tag because the definition is applied universally. So what do we do. We uses "classes" in this manner:
a.sec1 {
font-size : 10 pt;
font-family : Arial;
font-weight : bold;
color : purple;
text-decoration : none;
}
a.sec1:hover {
font-size : 10 pt;
font-family : Arial;
font-weight : bold;
color : purple;
text-decoration : underline;
}
a.sec2 {
font-size : 10 pt;
font-family : Arial;
font-weight : bold;
color : black;
text-decoration : none;
}
a.sec2:hover {
font-size : 10 pt;
font
|