当前位置：首页
> Div + CSS
网页中标题过长，截断字符串为省略号
在设计网页文字列表时，常有碰到标题过长，需要显示截断部分文字，剩下用省略号代替的需求。如果我们采用js操作字符串，按字符个数来约束，遇到中英文混合时，各截取后的字符串长短不一，影响美观。 最简单做法是采...
必须记住的 30 类 CSS 选择器
大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生......
样式化复选框(Styling Checkbox)
复选框 Checkbox 是 Web 应用常用控件，随处可见，原生的复选框控件一般就像下面这样： 选中状态 未选状态 这取决于操作系统和浏览器，有些时候，这种样子并不能满足设计要求，这时需要更为精致的复选框样式。以往只有少数......
网页自适应宽度
@media screen and (max-width:650px){html{-webkit-text-size-adjust:none}#header{width:98%;height:59%}.sideba{width:100%;}.selectnav{display:block}#post...
IE6下z-index犯癫不起作用bug的初步研究
一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页 中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是......
浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer
CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack，但是我今天发布的你可能并...
firefox通过XUL实现text-overflow:ellipsis的效果
firefox不支持text-overflow一直让人很折腾。。不过还好有大虾为我们提供解决方案。。text-overflow: ellipsis for firefox Firefox still does not implement the proposed CSS3 text-overflow...
只针对ie6，ie7和firefox的csshack
只针对ie6，ie7和firefox的csshack 注意都要写在正常样式的后边，除!important方法在前边 ---------------针对样式名------------ 如果只让ie6看见用*html .head{color:#000;} ...
!important在ie7.0的hack方法
由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用......
JavaScript中的私有成员
JavaScript 是世界上最被误解的语言。很多人认为它缺乏信息隐藏的特性所以对象不能有私有实例变量和方法。但这是一个误解。JavaScript对象同样可以拥有私有变量。下面就讲解一下： 对象 JavaScript根本上都是关于的对象（Obje......
offsetTop 与 style.top 的区别
我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是： 一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 二、offsetTop 只读，而 style.top...
display:inline-block的深入理解
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象......
圆角DIV
<STYLE type=text/css> #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} #xsnazzy h1 {font-size:2.5em; color:#fff;} #xsna...
注释在IE中造成文字溢出的研究
在蓝色论坛看到这样一篇帖子 《IE中发现新BUG “重影”》，觉得很有意思。于是在想到底是什么原因造成的呢？便做了以下测试： 实验代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3...
如何去除点击链接时出现的虚线框
有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？ 虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影......