作为一个程序员，经常需要面对的一个问题就是在新闻等信息的标题列表中，常常为了适应表格的宽度，需要对过长的标题文字的进行截取并在截取后的文字末端加上省略号。众所周知，有很多方法可以实现这个功能，JavaScript，ASP，PHP都有各自的实现方法，但是面临
a:hover{text-decoration:none;position:relative;text-decoration:none;height:0;filter:blurAlpha(Opacity=90,FinishOpacity=40,Style=2);}abcde[Ctrl+A全选注:如需引入外部Js需刷新才能执行]
自己总结的几点：1、如果一个对象有float的话，基本就不会用到width2、有时对div的书写顺序也有要求，先写float3、终于明白IE为什么那么讨厌了一个三栏的例子，中间栏自适应这里有个问题，就是三栏之间会有一小段空隙，这在FF下是没有的，所以如果要形成连续
以下是CSS内容部分：/*子鼠*/body{font-size:12px;text-align:center;margin-top:30px;font-family:Verdana;}div,img{margin:0;padding:0;border:0;}ul,li{list-style-type:none;margin:0;padding:0;float:left;}#info{margin-left:auto;margin-right:auto;wi
Accesskey是什么？~估计除了做Web开发的没多少人知道，Accesskey是网页提供的快捷键。先回到软件界面，看下我的Opera的菜单，我的Opera是修改过的，中英文混在一起。中文的作法一般都是在文字后面加个括号，里面的键值用下划线标出。而英文一般是把开头当成键
CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上，CSS一点也不比其他网页技术难。问题在于：对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方法。我曾经用表格布局设计过许多年，
1.背景图填充这是使用最广泛的一种做法，无hacks，推荐使用：Equalheight(列高度相同的方法)body{padding:0;margin:0;font-size:12px;font-family:Arial,Helvetica,sans-serif;line-height:140%;background:#E7DFD3;}#middle{width:580px;float:left;bac
三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。绝大多数网页设计者都熟悉传统的网页设计技术，用
正如你现在所看到的一样，网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功接合时，这种网页或者说站点才是受人喜欢的。取任何一面你都无法留住太过“挑剔”的访问者。一.网页布局的基本
原文：http://www.smashingmagazine.com/page/2/翻译：Blank（怿飞）InspireYourself:50RemarkableFavicons激发你的灵感：50个优秀的Favicons引用:Actuallyit'sapitythatmanydesignersdon'treallymakeuseofthem.Favicons,minigraphicsforaparticularweb-sit
页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus
IEbugIE5.x/Win和模型bug这里是一个width:500px;margin:10px;padding:10px;border:10px;的一个盒子.使用widht(空格)/**/:530px，解决IE5.x系列的盒解析bug，因为IE5.x系列浏览器能读到这句.在IE5.xWin，IE6.0Win下效果一致.如何使用hack解决IE5.x盒解析bug?#c
margin和padding总是有可能要用到，而产生的问题如何解决呢？由于浏览器解释容器宽度的方法不同：IE6.0FirefoxOpera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin解决的方法是：div.content{width:400px;//这个是错误
熟悉CSS盒模型朋友相信对于IE双倍浮动边界BUG不会陌生（如果你并不是很清楚可以点击），这个BUG只会产生在浮动行的第一个浮动元素，所以如果第一个浮动元素没有使用外补丁margin就不会有双倍距离。不过最近发现IE对于这个BUG居然有延伸的现象。问题下例所有图
注：onload字段中的数值“200”为设置的Iframe最低高度值！当然iframe,html要在同一子域下才可以,否则警告没有权限.Thismessageisonlyvisibletoolderbrowsers.这个脚本测试可以支持IE5.5,IE6.0,FireFox1.x,Opera9.01
FFFFFFFFFFCCFFFF99FFFF66FFFF33FFFF00CCFFFFCCFFCCCCFF99CCFF66CCFF33CCFF0099FFFF99FFCC99FF9999FF6699FF3399FF0066FFFF66FFCC66FF9966FF6666FF3366FF0033FFFF33FFCC33FF9933FF6633FF3333FF0000FFFF00FFCC00FF9900FF6600FF3300FF00FFCCFFFFCCCCFFCC99FFCC66
译者注：时间匆忙没有来得及细细研究，希望可以讨论并且完善说明部分（现在说明并不是很全面）。下面是一份在HTML4Strict和XHTML1.0Strict下必须遵守的标签嵌套规则，比如你不能在里面再嵌入一个这样的约定。说明：*为了方便读者阅读，本文中的标签使用了大写
其实有很多htmltags是极富于语义的，而在table布局大行其道后，很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签：dl,dt,dd,cite,q,dfn,ins,del,var等等。1.dl,dt,dd系列定义列表网站重构让很多人知道了ul,ol和li，但是在列表的家族
一句话概括主题：具有相同的作用但是在可操控性方面更加强大。HTML4.01规范的Forms部分指名表单有以下几种控制类型：buttons,checkboxes,radiobuttons,menus,textinput,fileselect,hiddencontrols,objectcontrols.其中除了buttons/menus/objectcontrols
在IE7之前,我们在布局时常用!important来解决IE和FF之间的差别;但是在IE7出来之后,!important对IE7就不起作用了,而有些时候IE7的解释方法又与FF和IE6不同;这时新的问题就出现了;用!important可以解决IE6但是解决不了IE7;这样在不同的浏览器中看到的同一个网页
