![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
xuedongabc
这个作者很懒,什么都没留下…
展开
-
关于制作极细1px表格边框
大家在使用css+div布局的时候,table已经被大多数人忽略了,或者说唾弃了。但是偶尔制作表格效果的时候,这是很方便的,对于这一点,我的建议就是该用什么的时候用什么,不是table不存在一点优点的。在使用table的时候,大家也许会发现一些问题。很多人都不知道该如何做出1px宽度的table边框。boder设置为0。用css控制边框,但是这个在有些情况下是会有问题的。其实,table本...原创 2011-07-05 17:28:02 · 184 阅读 · 0 评论 -
jquery ul li mouseout 事件冒泡的bug
今天碰到个jquery的mouseout事件的问题,弄了半天总算解决了。jquer ul li 好像绑定ul的mouseout事件,离开第一个li后就会触发。后来在网上查了下叫事件冒泡,改成使用mouseleave即可。mouseover也有冒泡。改用mouseenter。因为bind方法可以屏蔽浏览器的一些事件冒泡行为。另外,ie支持mouseenter,mouseleave事件,firefo...2011-08-11 15:48:13 · 303 阅读 · 0 评论 -
js星星评分效果
一个页面多个评分效果js星星评分的代码在网上一搜就是一堆,可大部分是一个页面只能有一个,刚碰到一个需求,一个页面需要评多次的,所以自己在网上找了然后总结了下分享给大家。以下是需要用到的样式代码#rateStatus{float:left; clear:both; width:100%; height:20px;} #rateMe{ clear:both; width:10...2011-08-01 22:57:49 · 179 阅读 · 0 评论 -
交互设计中细节提升用户的满意度
在第一个瞬间,也就是当一位浏览者刚刚打开我们网站的时候,他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感,提升他的满意度呢?1、按钮的鼠标按下状态我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态,但是现在大多数网站的按钮都只设计了未动...原创 2011-07-05 17:45:44 · 333 阅读 · 0 评论 -
css+div布局中的垂直居中
谈及垂直居中,在table布局的时代那是很轻松的。但是到了div布局中,很多人对此就比较迷茫了。下面来共同探讨一下关于垂直居中的问题。1、单行文本垂直居中。这个恐怕是大家遇到最多的情况了,也是最为简单的情况,很多地方都有讲到,在此就不详细讲解了。原理就是另文字行距等于div的高度即可。2、多行文字垂直居中。 这里讲的多行,就是不固定行数的文字。在table布...原创 2011-07-05 17:43:39 · 99 阅读 · 0 评论 -
不同浏览器下display:table-cell属性的不同渲染
display:table-cell;属性就是让元素以表格的形式呈现。设置以后就可以利用表格的属性了。但是笔者发现,不同浏览器对这个属性的渲染是有区别的,希望提出来以便大家得到重视。首先,ie6,ie7是不支持这个属性的暂时忽略。 ie8、Firefox、Chrome对这个属性是支持的。这一次ie8与Chrome巧合的统一了,而Firefox反到成了另类。当...原创 2011-07-05 17:42:25 · 201 阅读 · 0 评论 -
对于css+div网站重构学习的拙见(1)–准备篇
接触css、div也有一段时间了,经常被一些人问及这个该如何学习。我承认自己目前学的不是很全面,对于这方面的书籍拜读的也不是很多,我也只是从一个自己慢慢摸索入门的角度来做一些总结。如果对大家能有一定的帮助那是最好,当然如果你觉得这种方法并不适合你,或者有什么不周全的地方也希望帮忙指出。在网站重构的学习方面,我是一只自己摸索过来的,对于一些人提及的理论上的东西我掌握的可能不够全面,很多经...原创 2011-07-05 17:38:37 · 106 阅读 · 0 评论 -
CSS样式编写顺序
在书写css的时候很多时候,每个class下边需要写很多属性是很常见的,对于这些属性,我们应该合理的给它规划顺序。有人认为符合标准的顺序可以提高css的执行效率,这个我们无从测试。我总结的好处如下:1.使代码显得清晰,自己很容易找到需要的属性,不容易出现重复编写同一属性的情况。2.当很多人同时协作一个项目的时候,统一的顺序对于一个团队是很必要的。否则要读清别人的代码,就要花上更多的时间去仔...原创 2011-07-05 17:33:49 · 122 阅读 · 0 评论 -
CSS sprites的利弊
刚刚看到一篇国外讨论CSS sprites利弊的文章,作者认为那是潜在的危险,在文中也指出了他的很多观点,这个技术我用的时间不长,不过到也还是有一些体会的,在这里也说一说自己的理解吧。所谓CSS sprites 就是把很多张小的背景图集中在一张大图上,然后通过定义background-position来调用不同位置的背景图。这个技术最大的优点就是减少了HTTP请求,另外就是减小了图片的大小...原创 2011-07-05 17:31:42 · 96 阅读 · 0 评论 -
css+div自适应宽度圆角按钮
之前在介绍CSS sprites的时候提到了自适应宽度的圆角按钮,这个按钮实际应用还是很广泛的,所以我再次也给大家介绍一下。首先请大家看一下这个例子,就是按钮的宽度会根据文字的多少变化,鼠标滑过会有变化效果。http://www.iscss.tk/demo/key/key.html我们做这个效果需要的是这样一张图片,上边一半是他正常效果,下边一半是滑过时的效果。这里只是在划过的时候颜...原创 2011-07-05 17:30:02 · 260 阅读 · 0 评论 -
IE,Firefox都不放弃(兼容性问题总结)
下面是Javascript的IE和Firefox兼容的常用例子1. document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["...原创 2011-08-11 16:00:56 · 86 阅读 · 0 评论