[css教程] 一个比较完美的spacer div技巧 日期：2011-07-17 09:11:49 点击：68 好评：0
在制作网页的过程中，自适应问题是经常遇到，而又最让人头疼的，看了好多种解决的方法，但是都不是万能的。今天遇到这个问题，实在让我挠头，借鉴了 Shark的方法，又给了我一个新思路。当时没仔细看LBS的样式表，今天才发现，.clear用的就是这个方法。接下来，我会做个关于&l...
[css教程] 100%全屏布局设计 日期：2011-07-17 09:09:32 点击：183 好评：0
<!-- Put IE into quirks mode --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>...
[css教程] 不用Cookie的仿刷新二级高亮菜单 日期：2011-07-17 09:00:05 点击：61 好评：0
菜单高亮效果是每个网页经常采用的设计方式，它能有效地让用户知道自己当前所在的栏目。这也是我经常采用的方式，一般的网页至少都有两级菜单，第一个是顶部的总导航条菜单，另一个是左侧的分类导航菜单。一般要求在一级菜单高亮下二级菜单也能记录当前状态。 对于一个包含...
[css教程] 纯CSS圆角框：圆角化图片 日期：2011-07-17 08:57:20 点击：159 好评：0
在前面一篇透明圆角化背景图片中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢？我们还能将一些颜色比较丰富的图片也进行透明圆角化吗？ 答案是肯定的，下面看看它的终极功夫。 还是先看最终效果图吧...
[css教程] 纯CSS圆角框：透明圆角化背景图片 日期：2011-07-17 08:53:43 点击：185 好评：0
在上一讲中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的。但是纯CSS方式的实现可...
[css教程] 纯CSS圆角框：基本的圆角框 日期：2011-07-17 08:51:31 点击：88 好评：0
纯CSS实现圆角框是一件大家都说烂了的事件，我也写过两篇总结文章，为什么还会有这篇文章呢，事情是这样的。在我们的以前的项目中，实现圆角框往往是用背景图片来实现的，但是，当这些项目发布上线后，在维护过程中，有时需要添加一些新的需求，因为以前的项目中大量采用了圆...
[css教程] 全兼容可高亮二级缓冲折叠菜单 日期：2011-07-17 08:45:17 点击：71 好评：0
在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所以那种带折叠的二级菜单是会经常使用到的，本例便是实现这样一种比较通用的全兼容可高亮二级缓冲折叠菜单。 特点： 1.全兼容，浏览器测试：...
[css教程] 分析最常用30个css选择器 日期：2011-07-16 16:09:12 点击：81 好评：1
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. * * { margin: 0; padding: 0; }...
[css教程] CSS实例：:nth-child和:nth-type-of的区别 日期：2011-07-14 08:59:16 点击：44 好评：0
假设有以下 HTML 代码： <section> <p>Little</p> <p>Piggy</p> <!--目标元素--> </section> 以下代码得到的效果一样： p:nth-child(2){color:red;} p:nth-of-type(2){color:red;} 结果虽然相同，但是两者本...
[css教程] 纯CSS实现圆角效果 日期：2011-07-13 10:02:48 点击：133 好评：0
方法二：纯CSS实现圆角 一，线条两端缩进，这个是纯Css圆角的结构，当然，里面的div1、div2、div3、div5也可以用任何可以实现1像素线条的标签： view sourceprint?