css

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

幻灯片（PPT）是快速学习知识关键点的有效途径。之前本博客发布的“一个简单的、循序渐进的CSS幻灯片教程”，就为大家介绍过一个幻灯片教程，今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS 代码，学习CSS中的属性继承、行高(line-height)相关......

下面，你会发现一个集优秀高品质免费的（X）HTML/CSS模板（其中包括一些PSD源文件），如果您熟悉代码，你可以学到许多新技术通过研究这些模板的源代码。 你只需要做的是找到合适的模板，调整的设计和风格，加上你的内容。不用很辛苦地去寻找一些好的模板，所以，以后我会试图收集和展示一些真正好的作品在这里。

CSS画廊是一个令人惊讶的设计灵感之源，而且也是一个很好的促进您的设计技巧的方式。这一次，我们搜罗了70个出色的CSS画廊，这里涵盖了成千的优秀网站。希望你会喜欢这一次的收集。一...

现代 Web 设计与开发越来越看重浏览器兼容问题，IE 每个新版本的推出，都在 CSS 的标准化方面前进一大步，同时，也就不可避免地在 IE 的各个主要版本之间产生兼容问题，尽管 IE8 推出已有时日，使用 IE6的用户仍然相当可观。本文以速查手册的形式介绍 CSS （2.1 和 3）在 IE6,7,8 三个版本之间......

Grid Style是我个人最喜欢的网站风格，使用过几个博客主题，无不跟网格布局搭点边的，CSS网格布局简单明了、层次分明。很多网格布局生成器像我这样对 CSS不专业，时间又不充足的人来说帮助很大。这些在线生成器会在节省时间节省精力的同时，生成的效果也不赖

层叠样式表（CSS）是现代网络设计的重要组成部分，没有它们，网站看起来将会非常丑陋，就像十年前的网页设计一样。随着时间的推移，高质量的CSS教程有在网路上已大大增加。这里有21惊人的CSS技巧，你可能不会想到这些都是单纯靠CSS来实现的。

国外著名Web设计博客MaxDesign的博主为我们分享了他在公司培训中用到的CSS幻灯片教程。我简单看了下，可以说简单明了，通俗易懂，讲到了不少CSS学习中必须掌握的关键点。下面把它分享给大家，希望对学习CSS的朋友有所帮助。

中文：50个高质量的免费CSS模板 原文：50 Free High-Quality and “New” (X)HTML/CSS Templates

中文：35个优秀的免费CSS模板下载网站 原文：35 Excellent Websites for Downloading Free CSS Template

网上有很多在线生成器可以帮助设计师快速的完成某项任务，这些在线生成器包括收藏夹图标生成器、背景图片生成器、按钮生成器、徽章生成器等。Balkhis曾经为我们写过一篇文章介绍非常有用的在线生成器。

很多网页设计相关在线生成器对于设计师来说会很有帮助，比如一些favicon生成器，背景生成器，按钮生成器及Logo生成器等等。没有这些生成器资源，设计师就会耗费额外的努力，做重复工作。本文将为大家介绍15个实用的在线CSS网页布局生成器。

在网页设计CSS中，经常用到字体，而字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？ 　　先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，是印刷行业常用单位，等于1/72英寸。 　　这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一......

精选的50个最佳 CSS 设计，素材来源是 Best Web Gallery。从今年的设计趋势来看，越来越多的人使用大背景，以及 JavaScript 框架（ jQuery 与 MooTools）来增强用户界面。也有个别设计，将 Flash 与 CSS 结合起来使用

继上一篇教程，《如何用Photoshop设计一个具有现代感的博客界面》，现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码，这样我们就会得到一个完整的博客设计。

作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验......

101个模板，每个均单独预览，单独下载！各位慢慢享用！ New Horizon XHTML And CSS Template

101个模板，每个均单独预览，单独下载！各位慢慢享用！ Dark Dimension XHTML And CSS Template

上次给大家推荐的“CSS发烧友的作品---CSS制作国旗”应该还记得吧^_^，这次再给推荐一个强人的作品，纯CSS制作的仿苹果的导航条。

最近在网上看到一个CSS发烧友创作的CSS代码制作美国国旗，很是强大，我这里转帖过来，顺便将代码整理了一下以便于大家的学习，看看强人是怎么玩转CSS的^_^，咱先看一个简单的，制作我们伟大祖国的国旗

可用性是任何网站的一个目标，而实用性很强的导航栏却是每个网站必须的。它决定着用户被引导到哪里和用户如何与网站互动。如果没有一个可用性很强的导航栏，内容会变得毫无价值。导航按钮要非常容易让用户理解，而且要具有很强引导性以至于用户不会迷路。 以下35款导航栏，均是利用了CSS，相信你会有一定的收获^_^

这个网站看似简陋实际上功能还是很强大的说，左上角是一些常用的html或者css的tags，你可以点击你想要学习的内容相关的tags然后右上的框框里就会给出详细的介绍，虽然是英文但是也不难，左下角就是css编辑器，你可以直接编辑最终效果的css样式，他右边的就是html的代码啦，直接修改之后点try在最右侧就能看到最终......

继上一篇教程，如何用Photoshop设计一个具有现代感的博客界面，现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码，这样我们就会得到一个完整的博客设计。

这里列出了16个非常漂亮的高质量CSS模板及其下载地址，希望它们能够对你学习CSS和提高网站设计技巧有所帮助。 这些模板都比较简单整洁，易于定制。

推荐50个不错的Web开发设计文章、教程及资源。基中包括CSS技巧、字体、Potoshop、Illustrator使用指南等相关web开发。

1、CSS Sprites 生成器 CSS Sprites 是刚刚了解到的。大致是这个意思：将网站上的很多小图标，比如表情图标，编辑器图标等一些数量多但图片又小的时候，这个工具就大有用处了啊。“CSS Sprites 通过使用一张图片代替所有的小图标以节约 HTTP 连接开销以提高加载速度，再为不同的元素指定不同的......

让 Firefox 像 Chrome, Safari 一样当前输入框发光，效果如图。最近 折腾 CSS 的时候想到，这应该很容易通过 CSS 实现，搜了一下发现已经有现成的可以用，以下三种方法都...

50个不错的Web开发设计文章、教程及资源。基中包括CSS技巧、字体、Potoshop、Illustrator使用指南等相关web开发。强烈推荐

50个不错的Web开发设计文章、教程及资源。基中包括CSS技巧、字体、Potoshop、Illustrator使用指南等相关web开发。 Photoshop 资源下载 具有神秘东方文化的Photoshop画笔和矢量图 500+ 太空Photoshop画笔 81个叫人称奇的菱形画笔 免费的无缝涡旋 ......

前几天eRoading介绍了75个最佳Web设计资源，现在再向大家推荐另外50个不错的Web开发设计文章、教程及资源。基中包括CSS技巧、字体、Potoshop、Illustrator使用指南等相关web开发。 Photoshop 资源下载 具有神秘东方文化的Photoshop画笔和矢量图 500+ 太空......