Wiki

This is an old revision of the document!

#html

#CSS

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

###不同的vhost共用stylesheet的方法:在每个vhost里面建立symbolic link ```ln -s /home/wwwroot/LSstyle.css 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
但是class的定义方法必须得指定tag，不如id来得通用[?]

Code Example

#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>

参考资料：
* CSS dropdown menu https://catalin.red/css3-dropdown-menu/