Wiki

This is an old revision of the document!

---

#html

#CSS

###在html中使用external stylesheet:
```<link rel=“stylesheet” type=“tex/css” href=“../LSstyle.css”>```

###不同的开头：

1. define an id

例如定义一个圆角id
```#fixWidthBlockRound { border-radius: 4px; }```

2. deine a class

例如定义img tag的一个圆角class
```img.roundedCorner6px{ border-radius:6px; overflow:hidden; }```

两者似乎可以互相替换：https://www.w3schools.com/code/tryit.asp?filename=FYJD2ER45BQL

#navlist {
  position: relative;
}

li.home {
  left: 0px;
  width: 46px;
  background: url('img_navsprites_hover.gif') 0 0;
}

#prev {
  left: 63px;
  width: 43px;
  background: url('img_navsprites_hover.gif') -47px 0;
}

li.home a:hover {
  background: url('img_navsprites_hover.gif') 0 -45px;
}

#prev a:hover {
  background: url('img_navsprites_hover.gif') -47px -45px;
}

<ul id="navlist">
  <li class="home"><a href="default.asp"></a></li>
  <li id="prev"><a href="css_intro.asp"></a></li>
</ul>