推荐阅读
PS制作与玻璃撞击的动感岩石文字效果
碎块字制作思路并不复杂，分为两个大的步骤。首先是文字部分的处理，用选区及移动工具把文字分成多个碎块；然后用图层样式及纹理素材增加质感和纹理即可。最终效果 一、新建一个960 * 560像素的文件，背景填充黑色。 二、选择文字工具输入所需的文字，文字颜色为白色。 三、在文字缩略图上右键选择栅格化文字。
20个“标准的”配色方案
20个“标准的”配色方案<html> <head> <title>Colors</title> <style type="text/css"> body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; } .style1{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #96C2F1; background-color: #EFF7FF } .style1 h5{ margin: 1px; background-color: #B2D3F5; height: 24px; } .style2{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #9BDF70; background-color: #F0FBEB } .style2 h5{ margin: 1px; background-color: #C2ECA7; height: 24px; } .style3{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BBE1F1; background-color: #EEFAFF } .style4{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CCEFF5; background-color: #FAFCFD } .style5{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFCC00; background-color: #FFFFF7 } .style6{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #92B0DD; background-color: #FFFFFf } .style6 h5{ margin: 1px; background-color: #E2EAF8; height: 24px; } .style7{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A9C9E2; background-color: #E8F5FE } .style8{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #E3E197; background-color: #FFFFDD } .style9{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #ADCD3C; background-color: #F2FDDB } .style10{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #F8B3D0; background-color: #FFF5FA } .style11{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #D3D3D3; background-color: #F7F7F7 } .style12{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BFD1EB; background-color: #F3FAFF } .style13{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFDD99; background-color: #FFF9ED } .style14{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CACAFF; background-color: #F7F7FF } .style15{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A5B6C8; background-color: #EEF3F7 } .style16{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CEE3E9; background-color: #F1F7F9 } .style17{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CAE3FF; background-color: #F4F9FF } .style18{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #C9D9EE; background-color: #ECF8FF } .style19{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #5C9CC0; background-color: #F2FAFF } h5{color:#CCCCCC;margin-left:680px} a{color:#CCCCCC;text-decoration:none} a:hover{color:#666666;text-decoration:underline} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="style1"><h5>Title</h5></div> <div class="style2"><h5>Title</h5></div> <div class="style6"><h5>Title</h5></div> <div class="style3"></div> <div class="style4"></div> <div class="style5"></div> <div class="style7"></div> <div class="style8"></div> <div class="style9"></div> <div class="style10"></div> <div class="style11"></div> <div class="style12"></div> <div class="style13"></div> <div class="style14"></div> <div class="style15"></div> <div class="style16"></div> <div class="style17"></div> <div class="style18"></div> <div class="style19"></div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
Flash CS5实例教程：漂亮的气泡动画
function ball(r:int):MovieClip {//自定义函数 ball，参数为 r，整数型，返回值为 MovieClipvar col:uint=0xffffff*Math.random();//声明一个无符号整数型变量 col，获取任意颜色var sh:MovieClip=new MovieClip();//声明一个影片剪辑类实例 shsh.graphics.beginGradientFill(GradientType.RADIAL,[0xffffff,col,col],[0.5,1,1],[0,200,255]);//在 sh 中设置渐变填充样式（放射状渐变，颜色，透明度，色块位置）sh.graphics.drawCircle(0,0,r);//在 sh 中画圆（圆心坐标（0,0），半径为参数r）sh.graphics.endFill();//结束填充return sh;//返回 sh}var ballArr:Array=[];//声明一个空数组 ballArrfor (var i:int=0; i<10; i++) {//创建一个 for 循环，循环 10次var balls:MovieClip=ball(Math.random()*20+20);//声明一个影片剪辑类实例balls，调用函数 ball（参数r 半径的值为 20－40 之间的随机值）addChild(balls);//把 balls添加到显示列表balls.x=Math.random()*(stage.stageWidth-balls.width)+balls.width/2;//balls 的 X 坐标balls.y=Math.random()*(stage.stageHeight-balls.height)+balls.height/2;//balls 的 Y坐标，使它出现在舞台的任意位置balls.vx=Math.random()*2-1;//为 balls 设置自定义属性 vx，数值为-1－1 之间的随机数，表示 X 方向的速度balls.vy=Math.random()*2-1;//为 balls 设置自定义属性 vy，数值为-1－1 之间的随机数，表示 Y 方向的速度ballArr.push(balls);//把 balls 添加到数组 ballArr 中}addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听，调用函数 framefunction frame(e) {//定义帧频事件函数 framefor (var i:int=0; i<ballArr.length; i++) {//创建一个 for循环，循环次数为数组 ballArr 的元素数var balls:MovieClip=ballArr;//声明一个影片剪辑类实例 balls，获取数组 ballArr 的元素balls.x+=balls.vx;//balls的 X 坐标每帧增加balls.vxballs.y+=balls.vy;//balls的 Y 坐标每帧增加balls.vyif (balls.x<balls.width/2) {//如果balls 出了舞台左边缘balls.x=balls.width/2;//balls 的 X坐标获取balls 宽度的一半balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.x>stage.stageWidth-balls.width/2) {//如果 alls 出了舞台右边缘balls.x=stage.stageWidth-balls.width/2;//balls 的 X 坐标获取场景宽度与 balls 宽度一半的差balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.y<balls.height/2) {//如果 balls出了舞台上边缘balls.y=balls.height/2;//balls 的 Y坐标获取 balls 高度的一半balls.vy*=-1;//balls.vy 获取它的相反数}if (balls.y>stage.stageHeight-balls.height/2) {//如果 balls 出了舞台下边缘balls.y=stage.stageHeight-balls.height/2;//balls 的 Y 坐标获取舞台高度与 balls 高度一半的差balls.vy*=-1;//balls.vy 获取它的相反数}}for (var j:int=0; j<ballArr.length-1; j++) {//创建一个 for 循环，循环次数比数组 ballArr 元素数少 1var ball0:MovieClip=ballArr[j];//声明一个影片剪辑类实例 ball0，获取数组 ballArr 的元素for (var m:int=j+1; m<ballArr.length; m++) {//创建一个 for 循环，var ball1:MovieClip=ballArr[m];//声明一个影片剪辑类实例 ball1，获取数组 ballArr 的元素var dx:Number=ball1.x-ball0.x;//声明一个数值型变量 dx，获取var dy:Number=ball1.y-ball0.y;//声明一个数值型变量 dy，获取var jl:Number=Math.sqrt(dx*dx+dy*dy);//声明一个数值型变量 jl，获取小球的距离var qj:Number=ball0.width/2+ball1.width/2;//声明一个数值型变量获取小球半径之和if (jl<=qj) {//如果 jl 小于等于 qjvar angle:Number=Math.atan2(dy,dx);//声明一个数值型变量angle，获取ball1 相对于 ball0 的角度var tx:Number=ball0.x+Math.cos(angle)*qj*1.01;//声明一个数值型变量 tx，获取目标点的 X坐标var ty:Number=ball0.y+Math.sin(angle)*qj*1.01;//声明一个数值型变量 ty，获取目标点的 Y坐标ball0.vx=- (tx-ball1.x);//ball0 在X 方向的速度ball0.vy=- (ty-ball1.y);//ball0 在Y 方向的速度ball1.vx=(tx-ball1.x);//ball1 在 X方向的速度ball1.vy=(ty-ball1.y);//ball1 在 Y方向的速度}}}}
生态摄影奥秘
说到CCD的尺寸，其实是说感光器件的面积大小，这里就包括了CCD和CMOS。感光器件的面积越大，也即CCD/CMOS面积越大，捕获的光子越多，感光性能越好，信噪比越低。CCD/CMOS是数码相机用来感光成像的部件，相当于光学传统相机中的胶卷。 CCD上感光组件的表面具有储存电荷的能力，并以矩阵的方式排列。当其表面感受到光线时，会将电荷反应在组件上，整个CCD上的所有感光组件所产生的信号，就构成了一个完整的画面。 如果分解CCD，你会发现CCD的结构为三层，第一层是“微型镜头”，第二层是“分色滤色片”以及第三层“感光层”。 第一层“微型镜头” 我们知道，数码相机成像的关键是在于其感光层，为了扩展CCD的采光率，必须扩展单一像素的受光面积。但是提高采光率的办法也容易使画质下降。这一层“微型镜头”就等于在感光层前面加上一副眼镜。因此感光面积不再因为传感器的开口面积而决定，而改由微型镜片的表面积来决定。 第二层是“分色滤色片” CCD的第二层是“分色滤色片”，目前有两种分色方式，一是RGB原色分色法，另一个则是CMYK补色分色法这两种方法各有优缺点。首先，我们先了解一下两种分色法的概念，RGB即三原色分色法，几乎所有人类眼镜可以识别的颜色，都可以通过红、绿和蓝来组成，而RGB三个字母分别就是Red, Green和Blue，这说明RGB分色法是通过这三个通道的颜色调节而成。再说CMYK，这是由四个通道的颜色配合而成，他们分别是青(C)、洋红 (M)、黄(Y)、黑(K)。在印刷业中，CMYK更为适用，但其调节出来的颜色不及RGB的多。 原色CCD的优势在于画质锐利，色彩真实，但缺点则是噪声问题。因此，大家可以注意，一般采用原色CCD的数码相机，在ISO感光度上多半不会超过400。相对的，补色CCD多了一个Y黄色滤色器，在色彩的分辨上比较仔细，但却牺牲了部分影像的分辨率，而在ISO值上，补色CCD可以容忍较高的感光度，一般都可设定在800以上 第三层：感光层 CCD的第三层是“感光片”，这层主要是负责将穿过滤色层的光源转换成电子信号，并将信号传送到影像处理芯片，将影像还原。
最新发布
平面设计理论:创造视觉冲击力作品
译者的话】 无论是什么设计，首先是它必须能够引起别人的注意，也意味着它必须有某种视觉冲击力，否则没有人会有耐性看下去。本文从几个因素来讨论如何通过从尺寸变化、颜色运用及对比来使你的设计给人留下深刻的印象。本文共两页。一个平面设计主要有三种目的：要达到前面两种目的，最好的办法就是视觉冲击力。你的设计及版面会决定别人观看你的作品时间的长短，只有别人的注意力在你的作品中停留的时间较长，信息才能有效沟通。如果你的作品不能引起别人的注意，其它一切都是无意义的。字体、图片及各种设计元素的尺寸决定了你的作品是否具有冲击力。尺寸的使用技巧就是我们必须在设计中产生强对比。如果一个元素仅仅比其它元素大一点，并不会有什么效果出来。 在下面这个设计中，图片及标题的尺寸是这个设计中具有冲击力的一个决定元素。部分标题文字尺寸较小，使我们在对比中能够更直观感觉大的元素。 时钟的图片通过剪切后作为背景，而且放得很大，而没有剪切的时钟图片则放在前面，这种设计比简单地放上一个时钟的效果要好很多。记住，当我们对一件大家都熟悉的物品进行剪切时，人们在观看时会在脑海里将被剪切掉的部分自己补充上，这种视觉惯性对于我们设计来说是一个有利的因素，使我们可以设计出一些“看不见的空间”。虽然只是一个黑白设计，但冲击力非常强烈。很显然，下面的设计中插图非常简洁，而且插图元素非常大，虽然仅是一个黑白的低预算设计，但却非常吸引人的视线。
了解如何减少 reflow 次数
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。有多种用户操作和 DHTML 变化可能会触发 reflow。调整浏览器窗口的大小，用 javascript 计算样式（computed styles），在 DOM 中创建删除元素，改变元素的 class 都会触发 reflow。值得注意的是，有些操作会多次触发 reflow，超出你的想象。下图源自 Steve Souders 的演讲 "Even Faster Web Sites"：从上表可以很明显的看出，在所有浏览器中并非所有 javascript 控制的样式都触发 reflow，即使触发了触发的次数也不尽相同。同时可以看出现代浏览器在控制 reflow 次数方面做的越来越好。在 Google，我们通过多种方式对我们的页面及 Web 应用测速，同时 reflow 是我们增加 UI 时考虑的一个关键因素。我们致力于传达轻快的（lively），交互性强的（interactive）和令人愉悦的（delightful）的用户体验。原则下面是一些减小 reflow 的原则：在下面的视频中（译注：引用自 youtube，无法观看，请到原文*），Lindsey 介绍了一些减少 reflow 的方法。延伸阅读
网页设计师如何应对客户无理要求
作为一个网页设计师，最头痛的事情是碰上“你不明白我的意思”这样的客户。这篇文章谈谈客户无理要求令网页设计师头疼的七大问题。当然并不会仅仅是发现这些常见的问题，我们将还会与大家分享如何避免这类问题的产生并向顾客解释清楚为什么无法满足他们的要求。最难应付的问题之一就是客户没有充分意识到你即将向他提供服务的价值。网页设计师也要谋生，如果项目的报酬太低，大多数情况下还是算了，因为这种低报酬的项目还会让你失去其它机会。如何应对 如果说你正要寻找更多的客户，那么积极做出回应也无妨，但是如果你有相当多的工作要做，还是考虑推掉这种项目。虽然关于项目的价格最终达成一致可能需要一点时间，一开始这么回复比较有帮助：“我最低时薪为$XX小时，如果你有兴趣，我很乐意给你一个更详细的报价。”如果他们对你比较感兴趣的话，他们可能会回复，如果没有回复的话，不要试图依靠调整时薪来获取这个用户，这是不明智的。还是等待更好的时机，花更多的时间和精力在你现有的客户身上。有些客户甚至可能还会进一步压低我们的报酬，说诸如“我儿子说只要50美元就可以做了，我只是打算找些更专业的人罢了，不过看起来好像太贵了，就算是专业人士也不值这个价。”碰到这种情况，一定要保持镇静同时显示出你的专业性，跟客户解释清楚专业网站设计师与业余设计师是有区别的。这类型的客户通常会是需要把工作外包的专业人士，也可能是一些业余的设计师却自认为自己达到了专业网页设计师的水准。他们的心态往往是这样的，”这 种工作我也可以做，不需要花费太多钱”。 除此之外，这类客户似乎知道如何把所有的事情做好，有点霸道或者无法放手发挥你的创造性。如何应对
HTML的sub,sup标签制作电子商务网站中的价格
HTML的sub,sup标签制作电子商务网站中的产品价格标签。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>html中的sub与sup标签</title> </head> <style type="text/css"> body { font:12px/1.8 Tahoma} span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;} span.price sub { vertical-align:baseline; font-size:12px;} span.price sup { vertical-align:text-bottom; color:#555} </style> <body> <span class="price"><sup>￥</sup>43.<sub>26</sub></span> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
让IE支持HTML5办法
HTML5预计是在2022年发布，但我认为它距离我们并不是那么遥远，因为在html5gallery就例举了大量正在使用HTML5的站点，当然包括本人BLOG在内。关于HTML5不得不提IE，在苹果、Google、Opera和Mozilla等主流浏览器厂商积极参与新版本HTML标准的制定和推广时，微软却对HTML 5规范不屑一顾。然而微软近期才表态要在IE中支持HTML 5，以致到今天为止的IE8及以下是无法支持HTML5标签的。但在sitepoint找到了让IE支持HTML5办法。以下是在的IE 8显示的例子,未作处理前：让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE在对象中创建对应的节点。<!--[if IE]> <script> document.createElement("header"); document.createElement("footer"); document.createElement("nav"); document.createElement("article"); document.createElement("section"); </script> <![endif]--> 添加以上代码后，在IE8中显示的效果如下：sitepoint例子中创建节点的JavaScript代码似乎过于臃肿，在smashingmagazine提供的代码似乎更简洁。Demo：http://blog.gulu77.com/demo/200908/html5_demo3.html<!--[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})() </script> <![endif]--> HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素，如下例：
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
虽然IE6在依然是很重要的钉子户，但是我们不能放弃关注未来ie的变化。IE9 的几个关键字： 硬件渲染，新的JS引擎，CSS，标准大家期待已久的圆角也将支持了不过这里最让大家期待的是硬件渲染的支持。这可以让浏览器性能提高一个很高的档次。关于新的脚本引擎可以用下图来说明，这个测试是用著名的SunSpider来测试的更多信息可以从官方博客得到 :P
网页制作掌握的最常用的HTML标记
一、HTML常用标签的优化对于html，应该是网络编辑的基本技能，不熟悉是说不过的。作为网络编辑，所有的SEO参数没有必要全部掌握，但HTML基本标签中相关SEO的东西，大家有必要了解一下。 <html><head><title>页面标题</title><meta http-equiv=Content-Language content=zh-cn><meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”><meta name=“keywords” content=“关键词”><meta name=“description” content=“网页描述”>
网页设计教程:TabIndex元素
TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。 做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。 在填写表单的时候（注册登录或其它），有很多用户都是不通过鼠标，而直接按Tab键跳到下一个文本框的，等到所有的东东都填好，然后是提交，这是一个非常好和方便的功能。我个人的习惯是，在填写完所有的东西时，提交一般都是用鼠标去点击提交按钮的，而且不希望Tab会使焦点跳到button上面，但我很少发现有使用Tab不会跳到button上的，不知道是不是个人习惯太BT了-_-!!! 如果不想某个东东被获取焦点，可以tabindex=-x，让tabindex的值为负，这样的话Tab就会直接跳过。下面用一个简单的表单做例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>TabIndex是干什么滴</title> <style type="text/css"> html,body { font:14px/200% Georgia, Verdana, Arial, "宋体"; } </style> </head> <body> <form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p> </form> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]<form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id="t2" tabindex="2" /></p> <p><label for="t3">The Third pressing Tab to set focus to textbox </label><input type="text" id="t3" tabindex="3" /></p> <p>Press Tab, Not focusing to textbox <input type="submit" id="t4" tabindex="-1" value="SendInfo" /></p></form> 使用Tab键，获取焦点的顺序就是通过tabindex的值大小来排序的。上面的例子依次获得焦点的是t1, t2, t3, 到t4的时候，由于TabIndex的值为-1，所以t4不会获得焦点，而是直接跳到下一个获取焦点的元素上。 t1, t2, t3, t4的TabIndex值可以根据实际需求任意更改，Tab焦点根据值由小到大被获得。 TabIndex就是用来做这些滴。。。
网页制作教程:TD也可以溢出隐藏显示
或许我这篇文章一取这样的名字，就会有人要问了：你怎么还在关注table啊，那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了，不知道还有什么好了。 table真的过时了么？你真的了解table么？你真的会用table么？ 打口水仗不是我们要做的，留给那些时间很充裕的人吧。 言归正传： 不记得是什么时候，有人在用table模拟DataGrid的时候说，为什么td超出设置为固定宽度的文字不能隐藏，而是会直接换行呢？ 是的，事实确实如此，如：<style type="text/css">table {width:500px;table-layout:fixed;}.col1 {width:100px;}.col2 {width:200px;}.col3 {width:200px;}td {white-space:nowrap;overflow:hidden;}</style><table border="1" cellspacing="0" summary="回头来看看Table：TD也玩overflow:hidden"> <tr> <td class="col1">神舟 优雅Q400N</td> <td class="col2">优雅Q400N，采用Intel Core2 Duo(Merom) T5450(1.66G)处理器</td> <td class="col3">迅驰4平台，突出的性价比，漂亮的外观</td> </tr></table> 运行如上代码，你会发现单元格里超过固定宽度的文字不会被隐藏掉，而是换行显示了，显然，这并不是我的本意。 看起来，这似乎是table的一个特性，它不能很好的支持{width:*px;white-space:nowrap;overflow:hidden;}的组合，说到底就是white-space:nowrap这个东东没起作用，所以看起来overflow:hidden就失效了。{注：如果是一连串的无意义字符则可生效，例如：<td class="col1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>，这个时候就不需要{white-space:nowrap}来强制它在一行内显示，因为这一连串的a会被认定为是一个字而不发生换行，从而超出.col1宽度的a会被隐藏} ［解决方案一：］
网页页面实现自动刷新的3种代码
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.poluoluo.com">,其中20指隔20秒后跳转到http://www.poluoluo.com页面3.页面自动刷新js版<script language="JavaScript">function myrefresh(){ window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script>