译者注:网页设计布局中一直比较流行网格对齐,但只是针对水平的对齐,很少或者没有涉及垂直对齐,这篇文章很详细的讲解了垂直网格,乃至基线对其的相关,而css3中的多列布局的也使其显得更为重要,因此还是很有必要去了解学习,至少也是一种思路。
————...
-
xhy910: CSS基线之道
2015-08-15 04:34 来自版块 - 站长技能提升
-
毒你: Cufon, jQuery和CSS3实现的超强飞出菜单
这里教程通过使用cufon类库实现比较酷的的字体,如果你不知道什么是cufon请参考其它文章。Cufon现在的使用可能不如以前了,更好的选择是使用Google font,但是很可惜,中文字体都支持的不太好。 CufonizedFlyOutMe...2015-07-18 20:16 来自版块 - 站长技能提升
-
情人的眼泪8: WEB前端使用的CSS3选择器
首先说first-child与last-child,这两个选择器很容易明白,就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素,甚至第偶数个、奇数个子元素精选样式的制定。 ...2015-05-03 23:29 来自版块 - 站长技能提升
-
haichaows: CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,没有精力从头到尾讲一遍,只能有针对性的讲...2015-04-30 19:08 来自版块 - 站长技能提升
-
55688110: 使用CSS3特效让你的页面菜单变得更加有趣
在这篇文章中,我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢! 首先在每个菜单项目中我们包含一个带有俩个span元素的链接,如下: [*] [*...2015-04-09 02:03 来自版块 - 站长技能提升
-
huojian456: 纯 CSS 绘制基本图形(圆、椭圆等)
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。《CSS 魔法系列》继续给大家带来 CSS 在网...2015-02-16 07:49 来自版块 - 站长技能提升
-
ws652: 使用 jQuery & CSS3 实现 3D 图片滑块效果
使用 CSS3 的3D变换特性,我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 这篇文章分享的这款 jQuery 立体图片滑块插件,利用了 3D transforms(变换)属性来实现多种不同的效果。 温馨提示:为保证最佳的效果...2015-01-27 10:54 来自版块 - 站长技能提升
-
axopen: 基于Edge Animate可视化工具开发CSS3动画
今天这篇文章主要介绍透过Adobe Edge Animate这款可视化工具操作CSS3的动画,与前一篇文章的根本区别就是Edge Animation制作动画是可视化的,操作CSS3动画的方式是和JavaScript的JQuery相结合完成动画控制的...2014-12-24 21:35 来自版块 - 站长技能提升
-
zqshop: CSS3动画搜索框
在线演示 在这篇文章告诉你如何用CSS3创建各种颜色动画搜索框。你可以简单地将代码复制,并用它在您的Web项目。 #searchform { float:left; margin-left:20px; margin:9px 0p...2014-01-13 04:18 来自版块 - 站长技能提升
-
zj1028: CSS3灵活的盒子模型(Flexible Box Module)–1
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看这个文档。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所...2014-01-12 04:51 来自版块 - 站长技能提升