CSS教程7、CSS屬性結(jié)合起來(lái)使用[翻譯Htmldog]_CSS教程

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

　　
　　假如你學(xué)完HTML初級(jí)教程即可學(xué)習(xí)CSS初級(jí)教程，使用CSS處理HTML樣式。

　　下面的代碼覆蓋了初級(jí)教程的所有方面，保存下面的CSS文件并且在瀏覽器里觀看連接的HTML，你可以明白各個(gè)CSS屬性的用法。最好的學(xué)習(xí)方法就是理解作用在HTML上的CSS文件，改變CSS HTML會(huì)發(fā)生什么變化。

示例代碼 [www.hl5o.cn]

body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0;
}

/* By the way, this is a comment */

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