html, css

來源:互聯網
上載者:User

 

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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.