2008-07-17
全文显示

Cheat Sheets for Front-end Web Developers

HTML/XHTML 1. HTML Help Sheet   PDF 2. HTML Cheat Sheet PDF PNG 3. HTML Character Entities Cheat Sheet PDF PNG 4. XHTML Cheat Sheet v. 1.03 – PDF CSS 5. CSS Cheat Sheet (V2) PDF PNG 6. CSS Cheat Shee ...
2008-07-11
全文显示

CSS-Styled列表：例子，指南和最佳实践

关键字: css style, demo, tutorial, best practice
Different Uses of Styled Lists 1-Custom Select Box <dl class="dropdown"> <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)" class="module">Recent Archives</dt> <dd id="two-ddcon ...
2008-05-07
全文显示

4个CSS技巧

关键字: trick, tip
Pure Css Tooltip 查看demo CSS代码如下： a{ z-index:10; } a:hover{ position:relative; z-index:100; } a span{ display:none; } a:hover span{ display:block; position:absolute; float:left; white-space:nowrap; top:-2.2em; left:.5em; background:#fffcd1; border:1px solid ...
2008-05-06
全文显示

23 Resources for Clean and Compressed CSS

关键字: clean, compressor, optimizer
CSS TIDY CLEAN CSS CSSCHECK CSS ANALYZER CSS OPTIMIZER FLUMPCAKES CSS OPTIMIZER CSS DRIVE CSS COMPRESSOR CSS SUPERDOUCHE ROBSON CSS COMPRESSOR W3C CSS VALIDATOR   其他选择： CSS Compressor from Lottery Po ...
2008-04-29
全文显示

30个非凡的CSS技巧和例子

关键字: css techniques, css examples
1. Hoverbox Image Gallery A pure css-based gallery; hovering over an image enlarges it.   2. Advanced CSS Menu A creative and complex navigation scheme. 3. Sliding Photograph Galleries An accordion effect; hovering over an image expands it. 4. Lightbox Slides P ...
2008-04-23
全文显示

Css打印框架:Hartija

关键字: hartija, css print
最近才看到的一个开源项目：Hartija，它是通过Css来控制通过浏览器打印网页的效果，目前版本是0.8版本。因为目前所有信息都放在Css文件中，所以使用比较简单，就跟平常使用CSS一样，添加以下语句： <link rel="stylesheet" href="print.css" type="text/css" media="print">  不过需要注意，media属性必须使用“print”。下面是一个简单的示例供大家参考：   使用Hartija ...
2008-04-12
全文显示

你需要知道的6个最重要的CSS技术

关键字: css, technique
原文在这里 ， 作者将他认为最重要的6个CSS技巧加以例子和文字说明展示给大家，在我看来，作者认为的最重要的6个CSS技巧其实是最普通，最常用的几个技巧，列表如下，如果你还不熟悉这些技巧，可以花20分钟时间了解一下。 Get a Consistent Base Font Size Get Consistent Margins Set a Float to Clear a Float Image Replacement Faux Columns CSS Sprites
2008-04-03
全文显示

12个顶级的CSS框架

关键字: css, css framework
1.Elements CSS Frameworks (Source: Project Designs)  2.WYMstyle: a CSS framework (Source: Daniel Reszka)  3.YAML CSS Framework (Source: High Resolution)  4.YUI Grids CSS (Source: Yahoo)  5.Boilerplate CSS Framework  6.Blueprint CSS  7.Schema Web Design ...
  • 09:02
  • 浏览 (7835)
  • 评论 (13)
  • 分类: CSS
2008-03-18
全文显示

8条简短的CSS技巧

关键字: css, tips
来自Css Globe，传说中的浓缩才是美，浓缩才是精华。 1. Vertical centering with line-height line-height:24px;2. Prevent oversized content to break fixed width floated layouts #main{ overflow:hidden; }3. Prevent line breaks in links a{ white-space:nowrap; }4. Always show Firefox scrollbar html{ overflow:-m ...
2008-03-14
全文显示

最有用的CSS技巧

关键字: css, tricks, tips
记得上个月Dejan Cancarevic才为我们介绍了一篇CSS好文“10 best CSS hacks”，想不到他又为我们贡献了一篇力作：Most used CSS tricks，感谢DC。本文章延用了上篇文章的风格，另外还为每个tips添加了效果图，让大家有了更直观的感觉。tips列表如下：1. Rounded corners without images <div id=”container”> <b class=”rtop”> <b class=”r1&Pr ...
2008-02-20
全文显示

10 best CSS hacks

关键字: css, hacks
从这里http://stylizedweb.com/2008/02/14/10-best-css-hacks/看来的，总结得很不错，对UI设计师和前端开发人员很有帮助，同时在他的blog里也有黑多这方面的学习资料，是个不错的地方。 1. Vertical align div http://stylizedweb.com/2008/02/01/vertical-align-div/ 2. Min-Height selector { min-height:500px; height:auto; !important height:500px; } 3. P ...
numenzq
搜索本博客
存档
最新评论