gjjxvr： 使用CSS媒体查询和JavaScript判断浏览器类型

有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏，普通屏，平板，手机？知道这些特征，我们web应用的CSS和JavaScript才能同步做相应的操作。在给Mozilla Developer Networks改版设计...

2015-09-01 15:33 来自版块 - 站长技能提升

小瞎瞎： css3对话框设计

对话框气泡，总能在一些设计中给人一种清晰的感觉，在这里我们用css3技术来设计了几种对话框。 在第一个案例中，主要使用:before&:after创建两个三角形，一个和背景色一样，一个和边框色一样；在第二个案例中主要使用:before和rotat...

2015-04-28 16:32 来自版块 - 站长技能提升

jiao1540： css十道常见面试题

1、 如何定义高度很小的容器？ 正解：在IE6下无法定义小高度的容器，是因为有一个默认的行高。 列举2种解决方案：overflow:hidden或font-size:容器高度px 2、 图片下方出现几像素的空白间隙？ 正解：将img定义为disp...

2015-03-31 11:05 来自版块 - 站长技能提升

wyl756615585： 你真的理解z-index吗？

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知...

2014-11-04 02:22 来自版块 - 站长技能提升

开开心心过： CSS优化及简写技巧注意事项

　　一、使用简写 　　Margin、border、padding、background、font、list-style和outline 都是可以进行简写的属性。 　　1.margin的简写： 　　p {margin-top: 10...

2014-09-04 09:21 来自版块 - 站长技能提升

navyzhj： 由纯CSS打造的Android机器人

android的logo是一个有几个简单图形组成的机器人。本文的主要内容就是用纯CSS3技术和较少的HTML代码完成这个logo的绘制。 需要支持CSS3技术的浏览器来查看效果（ie9，火狐，谷歌或者opera都可）。 [*] [*] ...

2014-08-01 04:25 来自版块 - 站长技能提升

tmxk8： 一组梦幻般的 CSS3 动画按钮效果

给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！（温馨提示：如果不显示请刷新页面，在 Chrome，Firefox 和 Safari 浏览器中效果最佳。）访问链接：http://jsfiddle.net/lhb...

2014-04-23 18:23 来自版块 - 站长技能提升

花梦依舞： web前端css定位position和浮动float

div、h1或p元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span和h3等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。 在这种情况下，这个框称为无名块框，因为它不与专门定义的元素相关...

2014-04-17 12:27 来自版块 - 站长技能提升

e恩： 纯css3 transforms 3D文字翻开翻转3D开放式效果

在本教程中，将基于CSS3创建的一个实现一个有趣的3D开放式效果。教程的目的是展示我们如何能带来一些生活上使用CSS3 。 在线预览 立即下载AnimatedOpeningType.zip html: [*] [*] [...

2014-02-10 02:24 来自版块 - 站长技能提升

adnimer： CSS书写规范及顺序

CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-...

2014-01-04 08:45 来自版块 - 站长技能提升