在这篇文章里, 我会介绍三种使用纯css的方式来实现等高列的方法。在网页布局中设置列等高是比较常见的, 所以写这篇文章就是要总结下一些优雅的纯CSS解决方案。插图自己弄得，不喜莫喷 哈哈。。下面介绍的三种方法都只用到了CSS , 不涉及jQuery、JavaScript计算实现的方法，所以我把它这篇文章标题设为：三种纯CSS方法实现等高列。 方法-1： 使用Margins, Paddings和...
分类：
Web程序 时间：
2016-04-06 23:37:42
阅读次数：
533
实现方法： 1.将上文提到的以下JS内容删除： 2.在CSS样式里加上以下内容： 好了，有点像钟摆的样子了，上文的animation: mylogo 1s linear 0s infinite alternate是简写，展开后就是： ...
分类：
Web程序 时间：
2016-04-06 11:17:51
阅读次数：
254
一：纯css+html的手风琴效果 这种用css写的手风琴比较简单，主要是应用到css中的，transition属性。 代码如下： 二：纯js+html制作手风琴 这个手风琴出现一个问题，就是单独移动每个li时，没问题，但是当移动很快时，最右边的li出现空隙。我感觉是定时器的问 题，就是当每个li还 ...
分类：
Web程序 时间：
2016-04-03 13:16:50
阅读次数：
245
今天我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮，它不需要任何图片和javascript脚本，只需要CSS3就可以轻松实现按钮效果，并且可以适用于任意HTML元素，想div，span，p，a，button，input等等。 这些纯CSS代码制作的按钮大小可以根据字体大小自动 ...
分类：
Web程序 时间：
2016-04-03 10:18:50
阅读次数：
196
将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。 IE8/9并不支持 appearance:none CSS属性，想要支持的话可能需要非常特殊的方法，参考SF： 我们需要为其添加一个父容器，容器是用来覆盖小箭头的，然后为select添加一个向右的小偏移或者宽度大于父 ...
分类：
Web程序 时间：
2016-03-27 15:23:12
阅读次数：
184
<html> <head> <style type="text/css"> * { margin: 0; padding: 0; } /*所有内容都在这个DIV内*/ .all { width: 100%; border: 1px solid #000000; } /*表头在这个DIV内*/ .ti
分类：
Web程序 时间：
2016-03-22 18:58:08
阅读次数：
226
同学们，当美工给的设计图是这样： 或者这样： 我的内心其实是拒绝的-_-；但工作还得干，大部分同学会写 <style> .icon{width:20px;height:20px;display:block;margin:0 auto;background:url(...)} </style> <di
分类：
Web程序 时间：
2016-03-11 01:10:47
阅读次数：
303
一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱
分类：
Web程序 时间：
2016-02-26 11:53:30
阅读次数：
232
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style> div { width: 50px; height: 50px; background-color: red; margin: 5px; text
分类：
Web程序 时间：
2016-02-22 12:08:45
阅读次数：
169
前端开发whqet,csdn,王海庆,whqet,前端开发专家上一篇的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果，当中3d文字效果最为流行，限于篇幅只展示了其3D实现原理，没有考虑代码的复用性和可移植性。今天来补充下。顺便领略sass的强大功能，请大家摩摩拳擦擦掌。开工咯！案
分类：
Web程序 时间：
2016-02-20 10:22:12
阅读次数：
228
