式样相关 _Web前端

样式相关
1、css 中使用的图片所存放的位置是相对于该css 位置的

---------------------

2、关于 tbody

tbody 不能嵌套tbody
tbody 的使用是这样的：

<table border=8 bordercolor=#0099cc width=100%>
	<tbody>
		<tr>
		<td>
			【博客教材】欢迎您的光临
			<table border=8 bordercolor=#ccffcc width=100%>
				<tbody>
					<tr>
					<td><br>【博客教材】欢迎您的光临
					<br></td>
					</tr>
				</tbody>
			</table>
			【博客教材】欢迎您的光临
		</td>
		</tr>
	</tbody>
</table>

如果做树形菜单涉及到层层嵌套还是用 div 吧。用 tbody 太麻烦

关于： line-height
<html>
<style>
#bb{
width:200px;
height:200px;
line-height:20px;
}
</style>
<body>
<div id="bb">
哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒哈哈哈哈水电费的撒
</div>
</body>
</html>
line-height 其实就是一行的高度，而和字体大小没有关系，在这个例子中用FIREFOX打开
然后激活FIREBUG，选择样式中的 line-height:20px; 用方向键上下移动。效果就很明显了

---------------------------------------------------
3、控制页面图片大小。因为文章中图片过大造成出了 div 控制范围，造成变形
ps: 不过貌似还有些问题如果加载图片比较多，第一次打开部分图片会变成小图。刷一下就好了

/*article content imge control*/
#chMain .content img{
max-width:600px;
width:expression(this.width > 600 ? "600px" : this.width);
overflow:hidden;
}

4、<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

----------------------------------------------------