半年内学习DIV+CSS布局的一些常用资料整理

页面上所有图片自动缩放的代码

CODE:

<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img")
{
  imgObj = document.all(i)  //建议只判断高度或者宽度其中一个，那样可以自动按比例缩放
  if (imgObj.height>500)  //判断图片的高度，如果大于500，则设置为500，值可以自己修改
  {
   imgObj.height=500
  }
  if (imgObj.width>700)  //判断图片的宽度，如果大于700，则设置为700，值可以自己修改
  {
   imgObj.width=700
  }
}
}

</script>滚动条的颜色定义

CODE:

scrollbar-face-color: #E0D5BE;<!--//滚动条页面颜色设定-->
scrollbar-track-color: #EBE4D3;<!--//滚动条底版颜色设定-->
scrollbar-highlight-color: #ffffff;<!--//滚动条斜面和左面颜色设定-->
scrollbar-shadow-color: #ffffff;<!--//滚动条下斜面和右面颜色设定-->
scrollbar-3dlight-color: #ffffff;<!--//滚动条上边和左边的边沿颜色设定-->
scrollbar-dark-shadow-color: #ffffff;<!--//滚动条下边和右边的边沿颜色设定-->
scrollbar-arrow-color: #978C71;<!--//滚动条两端箭头颜色设定-->         给图片加边框
在CSS文件中对img定义边界（border），例如我在CSS中定义了：

CODE:

img.framed {
padding: 6px;
border: 1px solid #CCC;
background-color: #FFF; } 那么在HTML文件中，针对嵌入的图片定义class="framed"就会有相应的边框效果。

CODE:

<img src="......" class="framed" >在FF下一个自适应高度的简单做法

CODE:

加上
height: 100%;
overflow: auto;自动换行的简单做法

CODE:

table-layout: fixed;
        WORD-BREAK: break-all;
        WORD-WRAP: break-word;怎样用CSS把层做成半透明？

CODE:

用下面的样式表定义你的层
.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝

解释：