CSS教程7、CSS屬性結(jié)合起來使用[翻譯Htmldog]_CSS教程
教程Tag：暫無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.zhaotila.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;
}
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;
}
相關(guān)CSS教程：
- 相關(guān)鏈接：
- 教程說明：
CSS教程-CSS教程7、CSS屬性結(jié)合起來使用[翻譯Htmldog]
。