开宗明义:《CSS权威指南 - 第3版》学习笔记
静下心来细细咀嚼,很多似懂非懂的东西都会有豁然开朗的感觉。
CSS布局实战新概念系列教程
讲解并演示如何从PSD图样逐步构建CSS页面的完整过程...
PJBlog精品模板皮肤 - Ximicc Classic
秉承简约理念,散发经典气息...
NeoBux - The innovation in PTC
Join community in this advanced and user-friendly PTC site.
静下心来细细咀嚼,很多似懂非懂的东西都会有豁然开朗的感觉。
CSS布局实战新概念系列教程讲解并演示如何从PSD图样逐步构建CSS页面的完整过程...
PJBlog精品模板皮肤 - Ximicc Classic秉承简约理念,散发经典气息...
NeoBux - The innovation in PTCJoin community in this advanced and user-friendly PTC site.
CSS学习新概念 — 七盟CSS新概念视频教程 CSS Video Tutorial
作者:ximicc 日期:2009-06-28

轻松的学习DIV+CSS,摆脱文字教程的枯燥和乏味,通过视频演示和讲解,丰富的实例、布局技术教程,更直观更有效率的学习CSS知识,让初学者更快的入门、理解、精通。七盟建站时间不久,已经发布一些比较实用的有关CSS的SWF格式视频教程,但今后估计会以WRF格式为主,其特点是视频文件体积小,画面质量和声画同步方面性能优良:
WRF格式是视频录播软件WebEx独有的格式,要播放WRF文件必须安装WebEx播放器,很小巧的一个播放软件,安装文件只有2M左右,体积很小的一个视频教程,在WebEx播放器中可以达到很清晰、流畅的播放效果,录制视频约25MB/小时。
七盟已推出的几个视频教程:
柳暗花明:40分钟HTML&CSS入门指南视频教程【SWF格式】
柳暗花明:视频讲解CSS中的浮动属性Float【元素篇】
朝花夕拾 - DIV+CSS布局实战系列视频教程【SWF格式】
网页设计必备工具 - Firefox Web Developer 使用指南视频【SWF格式】
好像还不是很多,不过一些视频看起来都是成系列的,假以时日的话里面的视频资料应该会很丰富。
五个小窍门帮你写出更好的CSS代码
作者:ximicc 日期:2009-06-05

当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧!
1.合理的使用重置
首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset 或者你自己编写的重置代码,只要使用就对了。
它能很简单的移除所有元素的填充(padding)和边距(margin):
程序代码html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
Eric Meyer Reset 和 YUI Reset 都是非常强大的,但是对于我而言,它们走的太远了。我觉得你最终需要重置一切,然后重新定义所有元素的属性。这就是为什么Eric Meyer推荐更有效的使用重置样式表,而你不要只是使用他的重置样式表,将它拖放到你的项目中。调整它的重置样式表,建立属于自己的重置样式表。
PSD to CSS —— CSS布局实战新概念系列教程【Part-7】
作者:ximicc 日期:2009-05-24

原文地址:From PSD to HTML, Building a Set of Website Designs Step by Step
翻译整理:西米CC - The Beauty of CSS Design
本教程涉及素材打包下载:
1.11 – 添加缎带修饰
网页局部模块中右上角的蓝色缎带修饰是这个网站界面设计中的一个亮点,只要合理的运用CSS、PNG透明图片和绝对定位属性,这个效果实现起来也不是很难。首先我们要做的还是制作图片,该图仍然包含透明背景区域、并以PNG-24格式保存。
Tags: From PSD to CSS CSS 实战
