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屬性:
[title]
{
color:red;
}
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
font-family: Verdana, Arial;
}
如何引入:
1) 外部引入
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
2) 內部引入
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
3) 內聯
<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" />
<script src="../jquery-treeview/lib/jquery.js" type="text/javascript"></script>
<script src="../jquery-treeview/lib/jquery.cookie.js" type="text/javascript"></script>
<script src="../jquery-treeview/jquery.treeview.js" type="text/javascript"></script>
<script src="../jquery-treeview/demo/demo.js" type="text/javascript" ></script>
</head>