34)网页文字竖排效果
代码实例:
<div style="layout-flow:vertical-ideographic">powered by 25175.net
夜风凛凛 <BR>
独回望旧事前尘<BR>
是以往的我 <BR>
充满怒愤<BR>
诬告与指责 <BR>
积压着满肚气不忿<BR>
对谣言反应 <BR>
甚为着紧<BR>
</div>
===============================================================================
35)强制不显示滚动条,只支持在IE5.5版本以上。
<style type="text/css">
body {overflow: hidden;}
</style>
====================================================================================
36)对表单CSS字体的定义:
font-family: "Verdana"; font-size: 13px; color: #000000;
表单定义的代码:
.fm {font-family: "Verdana"; font-size: 13px; color: #000000; border: #666666; border-style: solid; border-top-width: 1px;
border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
====================================================================================
37)鼠标移动上图片,图片象右下移动一个象素!
对于文字或者图片的超链接,使用CSS样式表定义:
超链接正常显示部分:
A:link {COLOR: #000000; TEXT-DECORATION: none}
鼠标移至超链接:
A:hover {LEFT: 1px; COLOR: #000000; FONT-FAMILY: "宋体";POSITION: relative; TOP: 1px; TEXT-DECORATION: none; crosshair:}
====================================================================================
38)如何将表单框做成虚线的?
<!--
textarea { border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
border-left-width: 1px}
input { border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
border-left-width: 1px}
-->
简化写法:
<!--
textarea,input{ border:1px dashed #000000;}
-->
==================================================================================
39)水平条是虚线的!
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted"
color=#000000 size=1>
====================================================================================
40)DW里打空格?
使用Ctrl+Shift+Space,或者直接使用输入法全角状态下的空格
=====================================================================================
41)“收藏夹”图标的制作?
HEAD 部分加入下面的内容:
〈LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico"〉
注意:该图标的路径一定要使用绝对路径。 图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。它是以 .ico 作为扩展
名。
===================================================================================
42)样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
1. writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:div { writing-mode: tb-rl; }
2. text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐 right:右对齐 center:居中 justify:两端对齐
示例:div { text-align : center; }
实例:<html>
<head>
<title>竖排文字</title>
<style type="text/css">
<!--
.tnt {Writing-mode:tb-rl;font-size:12px}
-->
</style>
</head>
<body>
<div class="tnt"> “织梦幻影”为站点互动学院(http://favorites.myrice.com)的最新版本。我们在汲取前版本制作经验的基础
上,加以新技术,摒除前版本内容杂、管理烦、更新慢的缺点,全新制作了新的版本 ─ 织梦幻影。</div>
</body>
</html>
看了实例与示例,我们可以知道为文字赋予了“writing-mode”的属性值为“tb-rl”,文字就“从上往下”排,赋予了“text-align”的属性
值为“left”,文字就“从右向左”排。总之加入了< div >……< /div >里的内容都会按定义的排列方式排列。
最后一点要说明的是“writing-mode”目前只有IE浏览器支持,Nestscape浏览器不支持!
====================================================================================
43)视频有几种格式,如flash、director、wma、rm等,各自用相应的插件播放。
比如插入wma,代码则:
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=200 height=50 >
<param name=ShowStatusBar value=-1>
<param name=Filename value=http://arblue.25175.com/pic/zxdws.mpga>
<embed type=application/x-oleobject
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp
src=http://arblue.25175.org/pic/zxdws.mpga width=200 height=50>
</embed>
</object>
http://arblue.3322.org/pic/zxdws.mpga则是在线播放文件,MP3、wav等一样处理。
Rm则是:
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=350 height=100>
<PARAM NAME=SRC VALUE=rtsp://radio.25175.com/music/Eleven/05.rm>
<PARAM NAME=CONSOLE VALUE=Clip1>
<PARAM NAME=CONTROLS VALUE=imagewindow>
<PARAM NAME=AUTOSTART VALUE=false></OBJECT>
rtsp://radio.25175.com/music/Eleven/05.rm则是在线播放文件
=======================================================================================
44)在CSS中增加自定义标签,这样单元格内就能强制不换行:td { cloudchen:expression(noWrap=true);}
原来:
<table width="100%">
<tr><td>
关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站
内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用
noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,
</td></tr>
</table>
现在:
<style>
td { cloudchen:expression(noWrap=true);}
</style>
<table width="100%">
<tr><td>
关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站
内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,关于使用
noWrap修改整站内的td属性,关于使用noWrap修改整站内的td属性,
</td></tr>
</table>
=========================================================================================
45)文字阴影效果
<table width="282" height="123" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCCCCC"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,
color=blue);width:100%">asdf</div></td>
</tr>
</table>
============================================================================================
46)使链接具有最大化、最小化的功能代码:
<object id=minimize type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize"></object>
<a href="../../../#1" /a>
再根据Moonjeep提供的最大化效果,我们转录过来:
<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Maximize"></OBJECT>
<a href="../../../#1" /a>
==========================================================================================
47)怎样能够制作出“关闭此页”的按钮
<body>
<input type="button" value="关闭窗口" /><a href="javascript:self.close()"><font size="3">关闭窗口<br>
</font></a>
</body>
=============================================================================================
48)在DW里面编辑的时候有时老是出现西欧字符:
<head></head>中少了这句代码:
<meta http-equiv="Content-Type" content="text/aspl; charset=gb2312">
===========================================================================================
49)插入表单后,上下两个表格被撑开出现空白如何解决?
1.将<form>这样插入:
<table width="90%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<form name="form1" method="post" action="">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</form>
</table>
2.样式表CSS来控制。。。
<!--
form { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px;
padding-bottom: 0px; padding-left: 0px}
-->