CSS初級(jí)教程綜合應(yīng)用_CSS教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

你應(yīng)該已經(jīng)在HTML初級(jí)教程的綜合中創(chuàng)作了一個(gè)HTML文檔，而且在CSS初級(jí)教程的的開(kāi)始中增加了一行，用以把HTML文檔和CSS文檔聯(lián)系起來(lái)。

下面的代碼包括了所有我們?cè)诔跫?jí)教程中所學(xué)習(xí)的方法。只要你把下面的保存起來(lái)作為CSS文檔，然后在瀏覽器中查看HTML文檔，你就可以理解每一個(gè)CSS的屬性的表現(xiàn)和怎么應(yīng)用。最好的方法就是花費(fèi)時(shí)間修改CSS文檔和HTML文檔上的代碼，然后在瀏覽器中查看到底發(fā)生了什么。

示例代碼 [m.dounai2.com]

body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0;
}
/* 順便說(shuō)一句，這是注釋 */
p {
line-height: 1.5em;
}
h1 {
color: #ffc;
background-color: #900;
font-size: 2em;
margin: 0;
margin-bottom: 0.5em;
padding: 0.25em;
font-style: italic;
text-align: center;
letter-spacing: 0.5em;
border-bottom-style: solid;
border-bottom-width: 0.5em;
border-bottom-color: #c00;
}
h2 {
color: white;
background-color: #090;
font-size: 1.5em;
margin: 0;
padding: 0.1em;
padding-left: 1em;
}
h3 {
color: #999;
font-size: 1.25em;
}
img {
border-style: dashed;
border-width: 2px;
border-color: #ccc;
}
a {
text-decoration: none;
}
strong {
font-style: italic;
text-transform: uppercase;
}
li {
color: #900;
font-style: italic;
}
table {
background-color: #ccc;
}