CSS初級教程 綜合應用

你應該已經在HTML初級教程的綜合中創作了一個HTML文檔，而且在CSS初級教程的的開始中增加了一行，用以把HTML文檔和CSS文檔聯絡起來。
下面的程式碼封裝括了所有我們在初級教程中所學習的方法。只要你把下面的儲存起來作為CSS文檔，然後在瀏覽器中查看HTML文檔，你就可以理解每一個CSS的屬性的表現和怎麼應用。最好的方法就是花費時間修改CSS文檔和HTML文檔上的代碼，然後在瀏覽器中查看到底發生了什麼。

代碼如下

複製代碼

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;  }