CSS初級教程綜合應用_CSS教程

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

你應該已經在HTML初級教程的綜合中創作了一個HTML文檔，而且在CSS初級教程的的開始中增加了一行，用以把HTML文檔和CSS文檔聯系起來。

下面的代碼包括了所有我們在初級教程中所學習的方法。只要你把下面的保存起來作為CSS文檔，然后在瀏覽器中查看HTML文檔，你就可以理解每一個CSS的屬性的表現和怎么應用。最好的方法就是花費時間修改CSS文檔和HTML文檔上的代碼，然后在瀏覽器中查看到底發生了什么。

示例代碼 [m.ghpqjb.com]

body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0;
}
/* 順便說一句，這是注釋 */
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;
}