BlogJava-思想者-文章分类-网页制作http://www.blogjava.net/Microhelp/category/2349.html君子博学而日参省乎己，则智明而行无过也。zh-cnSat, 12 Apr 2008 11:22:46 GMTSat, 12 Apr 2008 11:22:46 GMT60scrollbar属性、样式详解http://www.blogjava.net/Microhelp/articles/191903.htmlMicrohelpMicrohelpThu, 10 Apr 2008 08:26:00 GMThttp://www.blogjava.net/Microhelp/articles/191903.htmlhttp://www.blogjava.net/Microhelp/comments/191903.htmlhttp://www.blogjava.net/Microhelp/articles/191903.html#Feedback0http://www.blogjava.net/Microhelp/comments/commentRss/191903.htmlhttp://www.blogjava.net/Microhelp/services/trackbacks/191903.html     overflow-x水平方向内容溢出时的设置
    overflow-y垂直方向内容溢出时的设置
    以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）
    scrollbar-arrow-color上下按钮上三角箭头的颜色
    scrollbar-base-color滚动条的基本颜色
    scrollbar-dark-shadow-color立体滚动条强阴影的颜色
    scrollbar-face-color立体滚动条凸出部分的颜色
    scrollbar-highlight-color滚动条空白部分的颜色
    scrollbar-shadow-color立体滚动条阴影的颜色

我们通过几个实例来讲解上述的样式属性：

1.让浏览器窗口永远都不出现滚动条
    没有水平滚动条
    <body style="overflow-x:hidden">
    没有垂直滚动条
    <body style="overflow-y:hidden">
    没有滚动条
    <body style="overflow-x:hidden;overflow-y:hidden">或<body  
    style="overflow:hidden">

2.设定多行文本框的滚动条

  没有水平滚动条
   <textarea style="overflow-x:hidden"></textarea>

   没有垂直滚动条
   <textarea style="overflow-y:hidden"></textarea>

   没有滚动条
   <textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
   或<textarea style="overflow:hidden"></textarea>

3.设定窗口滚动条的颜色

设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果：
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在样式表文件中定义好一个类，调用样式表。

<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用：
<textarea class="coolscrollbar"></textarea>

Scrollbar-Face-Color为滚动条表面颜色设定；
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
Scrollbar-Track-Color为滚动条底板颜色设定；
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定。

举例：

body { 
background-color: #ffffff; 
color: #336699; 
SCROLLBAR-FACE-COLOR: #BED8EB; 
SCROLLBAR-SHADOW-COLOR: #DDF8FF; 
SCROLLBAR-HIGHLIGHT-COLOR: #92C0D1; 
SCROLLBAR-3DLIGHT-COLOR: #DDF8FF; 
SCROLLBAR-DARKSHADOW-COLOR: #92C0D1; 
SCROLLBAR-TRACK-COLOR:#BED8EB; 
SCROLLBAR-ARROW-COLOR: #92C0D1 
} 

Microhelp 2008-04-10 16:26 发表评论
]]>JavaScript页面跳转常用代码http://www.blogjava.net/Microhelp/articles/147412.htmlMicrohelpMicrohelpSat, 22 Sep 2007 07:07:00 GMThttp://www.blogjava.net/Microhelp/articles/147412.htmlhttp://www.blogjava.net/Microhelp/comments/147412.htmlhttp://www.blogjava.net/Microhelp/articles/147412.html#Feedback0http://www.blogjava.net/Microhelp/comments/commentRss/147412.htmlhttp://www.blogjava.net/Microhelp/services/trackbacks/147412.html       按钮式：<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://9ba.cn/'">

　　链接式：

　　<a href="javascript:history.go(-1)">返回上一步</a>

　　<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

　　直接跳转式：

　　<script>window.location.href='http://www.9ba.cn';</script>

　　开新窗口：

　　<a href="javascript:" onClick="window.open('http://www.9ba.cn/post/235.html','','height=500,width=611,scrollbars=yes,status=yes')">云上的日子</a>



Microhelp 2007-09-22 15:07 发表评论
]]>meta在HTML的大作用http://www.blogjava.net/Microhelp/articles/137274.htmlMicrohelpMicrohelpThu, 16 Aug 2007 07:11:00 GMThttp://www.blogjava.net/Microhelp/articles/137274.htmlhttp://www.blogjava.net/Microhelp/comments/137274.htmlhttp://www.blogjava.net/Microhelp/articles/137274.html#Feedback0http://www.blogjava.net/Microhelp/comments/commentRss/137274.htmlhttp://www.blogjava.net/Microhelp/services/trackbacks/137274.html
　　name 属性

　　1、<meta name="Generator" content="">用以说明生成工具（如Microsoft FrontPage 4.0）等；

　　2、<meta name="KEYWords" content="">向搜索引擎说明你的网页的关键词；

　　3、<meta name="DEscription" content="">告诉搜索引擎你的站点的主要内容；

　　4、<meta name="Author" content="你的姓名">告诉搜索引擎你的站点的制作的作者；

　　5、<meta name="Robots" content= "all|none|index|noindex|follow|nofollow">

　　其中的属性说明如下：

　　设定为all：文件将被检索，且页面上的链接可以被查询；

　　设定为none：文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：文件将被检索；

　　设定为follow：页面上的链接可以被查询；

　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

　　http-equiv属性

　　1、<meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" content="zh-CN">用以说明主页制作所使用的文字以及语言；

　　又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

　　2、<meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；

　　3、<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

　　4、<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

　　5、<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

　　6、<meta http-equiv="Pics-label" content="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；

　　7、<meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

　　8、<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

　　以上是常用的几个meta属性，有个人主页的朋友不妨在你的主页中加上它，效果可是不一样的哦：）。

Microhelp 2007-08-16 15:11 发表评论
]]>SPAN 和 DIV 的区别http://www.blogjava.net/Microhelp/articles/20385.htmlMicrohelpMicrohelpFri, 18 Nov 2005 02:36:00 GMThttp://www.blogjava.net/Microhelp/articles/20385.htmlhttp://www.blogjava.net/Microhelp/comments/20385.htmlhttp://www.blogjava.net/Microhelp/articles/20385.html#Feedback0http://www.blogjava.net/Microhelp/comments/commentRss/20385.htmlhttp://www.blogjava.net/Microhelp/services/trackbacks/20385.htmlSPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

　　下面以一个实例来说明这两个属性的区别。

　　代码：

　　＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　　效果：

　　SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，
DIV也被用来在HTML文件中建立逻辑部分。但与
SPAN不同，
工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。


Microhelp 2005-11-18 10:36 发表评论
]]>css使用http://www.blogjava.net/Microhelp/articles/8555.htmlMicrohelpMicrohelpWed, 27 Jul 2005 08:16:00 GMThttp://www.blogjava.net/Microhelp/articles/8555.htmlhttp://www.blogjava.net/Microhelp/comments/8555.htmlhttp://www.blogjava.net/Microhelp/articles/8555.html#Feedback0http://www.blogjava.net/Microhelp/comments/commentRss/8555.htmlhttp://www.blogjava.net/Microhelp/services/trackbacks/8555.html添加CSS样式表的三种方法

　　1、直接在标签内定义，主要是在body内实现。例如：<p style="color:blue;font-size:10pt">css实例</p>。不过呢，这种方法使用比较简单、显示直观，无法发挥样式表的优势，因此呢我们是不推荐使用的。

　　2、在head里实现的css样式。这种的css一般位于html文件的头部，即<head>与</head>标签内，并且以<style>开始，以</style>结束。例如如下代码：

<style Type="text/css">
<!--
  H1{font-size:x-large；color:red}
  H2{font-size:large;color:blue}
-->
</style>

　　其中<style>与</style>直接是样式的内容，在{ }前面可以写样式的类型和名称。{ }中是样式的属性。这种方法是经常被使用的添加样式表的方法。

　　3、在文件外使用（也就是使用链接样式表），就是我们在网页中可以调用我们已经定义好的样式表来实现样式表的应用，它可以定义在html文件内部，也可以单独成为文件。这种方法最适合大型网站的css样式定义。
举例如下：
建立test.htm
head中加入
<LINK REL=StyleSheet HREF="style.CSS" TYPE="text/CSS" MEDIA=screen>
在style.css中添加
h1{font-size:larger; color: #330066}
test.htm中这样使用，就可以安装样式规定显示
<h1>外部样式表</h1>



Microhelp 2005-07-27 16:16 发表评论
]]>