CSS 语言基础

最近用HTML&CSS做了几个网页，对CSS有了较深入的了解。

用CSS布局网页，属于Web前台设计。

CSS是一门用来修改元素属性的语言，包括元素的文本大小、颜色、粗细、背景色、边框样式及颜色，甚至是在页面上的位置。

类与id

类选择器（包括句点）和id选择器（包括#号）。

重要的区别：一个特定的id只能应用于一个XHTML元素。例如在任何网页中，只能有一个id为mainnavigation的元素，只能有一个id为header的元素；而一个类则可以出现任意多次。

在HTML&CSS中，颜色经常以16进制数的格式来表示。

用16进制数表示颜色，诸如FF0000，实际上是由3个值组成的。这些值分别表示颜色中红色（FF部分）、绿色（前两个0）、蓝色（后两个0）各占的比例，这三者加在一起构成了实际的颜色。在这个例子中，红色的值是FF，而绿色、蓝色的值都是0，因此显示出来的颜色显然是红色。

下面是个简单的CSS代码：

/*
CSS for Bubble Under site
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #e2edff;
  line-height: 125%;
  padding: 15px;
}

p {
  font-size: small;
  color: navy;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
}

h1 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: x-large;
}

li {
  font-size: small;
}

h1 {
  font-size: x-large;
}

h2 {
  color: blue;
  font-size: medium;
  font-weight: normal;
}

em {
  text-transform: uppercase;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  background-color: navy;
  color: white;
}

a {   
  font-weight: bold; 
}

a:link {
  color: black;
}

a:visited {
  color: gray;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
}