H1 {color: red; font-size: 14px ;}
H1, H2, H3, H4, H5, H6 {color: green ;}
Li strong {font-style: italic; font-weight: normal ;}
ID:
# Red{Color: red ;}
# Sidebar P{Font-style: italic; text-align: Right; margin-top: 0.5em ;}
Class:
. Center{Text-align: Center}
. Fancy TD{
Color: # f60;
Background: #666;
}
TD. Fancy{
Color: # f60;
Background: #666;
}
Style attributes:
[Title]
{
Color: red;
}
Input [type = "text"]
{
Width: 150px;
Display: block;
Margin-bottom: 10px;
Background-color: yellow;
Font-family: verdana, Arial;
}
How to introduce:
1) External Introduction
<Head>
<LINK rel = "stylesheet" type = "text/CSS" href = "mystyle.css"/>
</Head>
2) Internal Introduction
<Head>
<Style type = "text/CSS">
HR {color: Sienna ;}
P {margin-left: 20px ;}
Body {background-image: URL ("images/back40.gif ");}
</Style>
</Head>
3) inline
<P style = "color: Sienna; margin-left: 20px">
This is a paragraph
</P>
<Head>
<LINK rel = "stylesheet" href = "../jquery-Treeview/jquery.treeview.css"/>
<LINK rel = "stylesheet" href = "../jquery-Treeview/demo/screen.css"/>