摘要：原文地址：http://www.cnblogs.com/grenet/p/3413085.htmlBootstrap框架是一个前端UI设计的框架，它提供了统一的UI界面，简化了设计界面UI的过程（缺点是定制了界面，调整的余地不是太大）。尤其是现在的响应时布局（我的理解是页面根据不同的分辨率，采用不同的页面元素的布局），在Bootstrap中很好的支持了，只要简单设置了属性，就能自动实现响应时布局，大大简化了程序员的界面的过程。因此，本人用Bootstrap框架实现了如下的界面，虽然简单，但也不凡（真要自己实现的话，不知要猴年马月了）整个页面分为几个部分，分别用Bootstrap官网上的示例代码 阅读全文

摘要：原文地址：http://www.cnblogs.com/WinKi/p/3398824.html 之前看到有博友写了一个仿天猫商城左侧导航菜单，可惜不提供免费下载，也没有代码。以前自己也写过类似的效果，只是都是一小块一小块的，现在重新拼凑。我将一步一步的实现拼凑过程，希望对你有所帮助。Demo在ie8 、 谷歌、 火狐、遨游、ie6 浏览器下运行，效果良好！但在ie6下有个bug，就是滚动条可以无限滚动，没有找到好的解决方案，哪位朋友知道怎么改告诉我一下，谢谢！如果没有更好的方法我就打算用js来解决！ 好了，可以先下载例子来看看（Demo）。看看效果图：一、定位左侧整体菜单栏.slides { 阅读全文

摘要：原文地址：http://www.cnblogs.com/fengyuqing/archive/2013/06/15/css_50.html面对每年如此多的新趋势,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用CSS3 properties, 决定这些的是浏览器支持和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中.这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的. 阅读全文

摘要：原文地址：http://www.iyunlu.com/view/css-xhtml/52.htmlCSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！1、带竖线分隔的横向列表（例如：网站底部栏目）传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来模拟分割线，然后通过margin-left：-1px隐藏掉第一个列表项的边框，父元素设置 overflow：hidden 来隐藏溢出部分，这样完美达到首尾无分割线的要求。201 阅读全文