main.css

jquery插件。像iGOOGLE主页一样布局自己的网页。很好用

@import url("./reset.css");

body {
  color: #000;
  margin: 0 10%;
  font-family: Arial;
  line-height: 1.4em;
  background-color: #fbfbfb;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

ul {
  margin: 1em;
  list-style: square;
}

ol {
  list-style: decimal;
  margin: 0 0 1em 1.7em;
}

pre, textarea {
  width: 95%;
  margin: 1em;
  padding: 1em;
  font-size: 0.9em;
  line-height: normal;
  background-color: #fffff7;
  border: #ebebeb solid 1px;
}

div#header {
  color: #fff;
  padding: 2em;
  line-height: 2em;
  text-align: center;
  font-family: Verdana;
  background-color: #333;
}

  div#header h1 {
    font-size: 1.6em;
    font-weight: bold;
  }

  div#header h2 {
    font-size: 1.1em;
  }

div#content {
  color: #000;
  padding: 1em;
  background-color: #fff;
  border: #ebebeb solid 1px;
  border-top: none;
}

  div#content h2 {
    margin-top: 1em;
    font-size: 1.1em;
    font-weight: bold;
  }

  div#content h3 {
    font-size: 1em;
    margin-top: 1em;
    font-weight: bold;
  }

div#footer {
  color: #fff;
  padding: 3em;
  text-align: center;
  background-color: #333;
}

  div#footer a {
    color: #fff;
    text-decoration: underline;
    background-color: transparent;
  }

  div#footer a:hover {
    color: red;
    background-color: transparent;
  }