css 2

TwitterFacebook
Get flash to fully experience Pearltrees
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如: typography.css 基本排版规则 http://www.cnbeta.com/articles/71868.htm

精选15个国外CSS框架_cnBeta 视点·观察

CSS Decorative Gallery

http://webdesignerwall.com/tutorials/css-decorative-gallery Did you like my previous CSS tutorial on how to create gradient text effects ? I'm using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex). View Demo Gallery
今天暴风彬彬将向大家分享一些为你平淡乏味的图片添加更多趣味情调的简单技巧。使用Photoshop为每个图片添加某种样式虽然可行,但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来!如果你也有自己独到的 CSS技巧 ,希望能一同 分享 。 彬Go会经常更新 前端开发/CSS技巧 等相关技术及教程文章,欢迎 订阅本博客 来及时浏览本博客的最新教程及资源。

使用CSS为图片添加更多趣味的5种方法 | 彬Go

http://blog.bingo929.com/spice-up-your-images-with-css-5-way.html
http://www.yeeyan.org/articles/view/47543/19392 简介 今天,暴风彬彬将向大家推荐50个2008年的最佳CSS网站设计,这50个CSS网站是由WebDesignerWall评选出来的,很具参考价值。WebDesignerWall在07年还曾发表过best designs in 2007(在译言也有翻译版)我们在欣赏的同时,也能从中吸取很多灵感,也能从它们的源代码中学习更高级的CSS技术。今年,越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架(如jQuery及MooTools)来提高用户体验。

2008年50个最佳CSS设计欣赏

http://www.bluerobot.com/web/css/fouc.asp/

Flash of Unstyled Content (FOUC)

What is a FOUC ? Some pages that use the CSS @import rule experience a curious display quirk in the Windows version of MS Internet Explorer: a momentary flash of unstyled page content. The unimaginative creature that I am, I call this phenomenon Flash of Unstyled Content or FOUC for short. Because this quirk seems to affect only MS Internet Explorer, we're tempted to conclude that IE is just plain wrong.
简介 作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在原文的基础上增加了3个曾经介绍过的应用。 http://www.yeeyan.org/articles/view/chada/7338

14个可以节省你时间的CSS工具

The Text Changer - from The Lab of the weblog Central Scrutinize

http://lab.centralscrutinizer.it/the-text-changer/ If you aren’t new in the Central Scrutinizer blog, you could have seen (and maybe tried) the “Customize” box on the sidebar. A script that allows, as in this circumstance, to modify on-the-fly the text of a page is not something new, but I want to show you equally my unobtrusive version that I think could be useful to guarantee an ‘adaptable’ good readability for your pages. What is Text Changer?
¶ Text for the screen is sized with CSS in terms of pixels, ems or keywords. As most of us know, sizing with pixels is easy: get your selector and give it a font-size – no more thought required. Sizing with keywords is more complicated and requires a few workarounds, but you’re in luck as the techniques are well documented . That leaves ems. At this point people often leg it.

How to size text using ems | clagnut/blog

http://clagnut.com/blog/348
http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3). Internet Explorer 9 adds even more support for many CSS3 modules. Note It is important to remember that many CSS3 modules are still in the Working Draft or Last Call stages.

CSS Compatibility and Internet Explorer

CSS Tools: Reset CSS

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post , if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint , among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. http://meyerweb.com/eric/tools/css/reset/

Nate Koechley: &quot;The YUI CSS Foundation&amp;quo - Yahoo!奇摩影片

Upload <img width=1 height=1 alt="" src="http://row.bc.yahoo.com/b?P=P_3aIDIwMy5MpY95qM4RgQLoOjpmZlFQIdX_3j4Y&T=189b6ejgd%2fX%3d1364206037%2fE%3d2022280626%2fR%3dtw_kwretch%2fK%3d5%2fV%3d2.1%2fW%3dHR%2fY%3dKIMO%2fF%3d3299898237%2fH%3dc2VydmVJZD0iUF8zYUlESXdNeTVNcFk5NXFNNFJnUUxvT2pwbVpsRlFJZFhfM2o0WSIgc2l0ZUlkPSIyNDc1NjEiIHRTdG1wPSIxMzY0MjA2MDM3MTU2MDcyIiA-%2fQ%3d-1%2fI%3d1%2fS%3d1%2fJ%3d2B0FD674&U=12dvfo794%2fN%3dHtbKQsorwu0-%2fC%3d-1%2fD%3dLREC1%2fB%3d-1%2fV%3d0"> Categories
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property.

CSS Gradient Text Effect

CSS Frameworks + CSS Reset: Design From Scratch | CSS | Smashing

You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch . The latter might contain some basic definitions you’d write in your code anyway.

CSS Text Wrapper

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor. Nunc gravida, nisl ac tempor rutrum, risus odio pharetra eros, eu feugiat diam nisi sit amet sem.

Data Tables and Cascading Style Sheets Gallery

What is this about? The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn't use them.