CSS应用 - 随笔分类 - CB

摘要：

曾几何时，display:inline-block 已经深入「大街小巷」，随处可见「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block）阅读全文

posted @ 2012-08-16 10:15 CB 阅读(302) 评论(0) 推荐(0)

【转载】用CSS3做的动画按钮

摘要：

阅读全文

posted @ 2012-01-04 09:42 CB 阅读(314) 评论(0) 推荐(0)

【转载】时尚的CSS3进度条

摘要：

阅读全文

posted @ 2012-01-04 09:19 CB 阅读(449) 评论(0) 推荐(0)

编写跨浏览器兼容的 CSS 代码的金科玉律

摘要：作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。阅读全文

posted @ 2010-06-09 14:48 CB 阅读(257) 评论(0) 推荐(0)

【转载】Border属性的终极研究---看我七十二变

摘要：

预览阅读全文

posted @ 2009-02-23 16:38 CB 阅读(250) 评论(0) 推荐(0)

纯CSS实现半透明下拉菜单

摘要：

预览阅读全文

posted @ 2009-02-13 10:25 CB 阅读(1595) 评论(0) 推荐(0)

15个修复和美化浏览的jQuery插件

摘要：

We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. That’s why today we wanted to highlight 15 jQuery solutions for the most common browser issues that you’ll encounter when building w 阅读全文

posted @ 2009-02-04 08:43 CB 阅读(1072) 评论(0) 推荐(0)

随意长度，有鼠标悬停状态,不限字数导航栏

摘要：

预览阅读全文

posted @ 2009-01-13 10:08 CB 阅读(250) 评论(0) 推荐(0)

用CSS制作大背景网站，以及80个大背景图片网站。

摘要：用CSS制作大背景网站 As the monitor resolution and internet speed is advancing, it seems like more and more designers use over-sized photo or illustrated image as the website’s background. Large background i... 阅读全文

posted @ 2009-01-05 10:35 CB 阅读(1408) 评论(0) 推荐(0)

最常用的CSS技巧

摘要：Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of the... 阅读全文

posted @ 2009-01-05 10:26 CB 阅读(249) 评论(0) 推荐(0)

【转载】使用CSS简单实现垂直居中

摘要：浮动的一个特点就是他们脱离了文本流（尽管你可以通过为后面的元素使用clear来重新控制它们）。浮动元素后面的内容会被移动以为浮动元素留空间（通常是通过浏览器对静态顶部填充来清除浮动）。如果浮动元素根本没有出现该位置，那么后面的内容会占居浮动元素原来在页面中的位置。因此对一个浮动元素使用负的顶部填充（margin），浮动元素会冲破任何包含它的块级元素限制，因为我们前面已经提到浮动元素一开始就脱离了文本流。但是如果我们把元素从包含它的块级元素向外拖动足够远以至于它完全超出父元素范围，那么它后面的任何元素将不会继续跟随其向上移动，但是重新设定包含块级元素的内部内容的大小，会使浮动元素继续浮动。阅读全文

posted @ 2008-12-31 08:56 CB 阅读(384) 评论(0) 推荐(0)

【转载】On having layout

摘要：Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”，意思是这些 bug 可以通过赋予相应元素某个宽度或高度解决。这便引出关于“layout”的一个问题：为什么它会改变元素的渲染特性，为什么它会影响到元素之间的关系？这个问题问得很好，但却很难回答。在这篇文章中，我们专注于这个复杂问题会有那些方面的表现，某一方面的具体讨论和范例请参考文中给出的相关链接。阅读全文

posted @ 2008-12-25 14:39 CB 阅读(224) 评论(0) 推荐(0)

【转载】给不同 type 的 input 自动设置样式

摘要：input{ zoom: expression(function(ele){(ele.className)?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this)); } 阅读全文

posted @ 2008-12-25 11:25 CB 阅读(338) 评论(0) 推荐(0)

【转载】“银弹”Hack（IE6、7、8beta1）

摘要：.indicator{ background: red; /** 只对FF Opera和Safari有效 **/ #background: blue; /** 只对IE7有效 **/ _background: green; /** 只对IE6有效 **/ /*/background: orange;*/ /** 只对IE8有效 **/ } 阅读全文

posted @ 2008-12-19 13:07 CB 阅读(297) 评论(0) 推荐(0)

Showing Hyperlink Cues with CSS

摘要：Showing Hyperlink Cues with CSS I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. 阅读全文

posted @ 2008-12-07 09:36 CB 阅读(354) 评论(0) 推荐(0)

轮转效果

摘要：