CSS初级教程总结：属性结合起来使用

如果你学完HTML初级教程即可学习CSS初级教程，使用CSS处理HTML样式。

下面的代码覆盖了初级教程的所有方面，保存下面的CSS文件并且在浏览器里观看连接的HTML，你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件，改变CSS HTML会发生什么变化。

css 代码

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

评论

3 楼 神经过 2007-07-04  

CSS不知道是程序员该干的,还是美工干的.其实都应该懂.
不过,CSS确实是样好东西.

2 楼 yacole 2007-01-07  

:-)  觉得好就收下吧！

1 楼 qhitsky 2007-01-07  

很好！这几天正好要用CSS先学习一下！