在丸子主编的帮助下终于找到了各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题，依靠的就是看各浏览器的默认CSS，然后重置它，所以很 多时候浏览器的默认css还是很有用的。

各浏览器的默认CSS可以在这里http://www.iecss.com/找 到，贪心一下，把这些样式都保存了一份：
(全文…)

Tags: Browser, CSS
Posted in Browser, CSS 没有留言 »

作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不 过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于 占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。

(全文…)

Tags: Browser, CSS, IE
Posted in Browser, CSS 没有留言 »

Demo Download

在这里我们将要创建一个独特的滑动导航菜单。这个想法是让装有菜单项的盒子（box）滑出，并且弹出一个缩略图 片。同时还要在有需要二级菜单的链接项调用一个子菜单盒子。这个子菜单要依靠在上级菜单的左边或右边的位置悬停。
(全文…)

Tags: CSS, JQuery, Menu, Tutorial
Posted in CSS, JQuery, Menu 没有留言 »

移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。

CSS3 的 Media Queries

在 CSS2 时代，如果你曾经为你的网站设计过打印版 CSS，就会明白 CSS3 Media Queries 的作用，不过，CSS3 的 Media Queries 比 CSS2 的 Media Type 更实用，事实上，CSS2 的 Media Type 并不曾被多少设备所支持过。CSS3 的 Media Queries 可以帮你获取以下数据：

• 浏览器窗口的宽和高
• 设备的宽和高
• 设备的手持方向，横向还是竖向
• 分辨率

(全文…)

Tags: CSS, Mobile, Web
Posted in CSS, Mobile, WEB 没有留言 »

基本介绍

如果你错过了我以前的职位对CSS和HTML5的，你可以读它之后。如果你拥有更多的例子来分享，请让我放弃我所知道的评论！

演示使用HTML5+CSS3实现所展示的强大的力量。现实中的新案例又有出现了不少，于是我又再次发布了该类主题的这篇文章！请确保您的浏览器最好是最新的版本，最好是Safari或者Chrome。如果您错误了我以前介绍的关于HTML5+CSS3实现的案例，那么千万不要再错过本文，如果您有好的案例，那么就请分享给我们吧，请留下您宝贵的评论！

• Slidenafill
  
• GoogleBox
  
• Page Flip
  
• Bar Chart
  
• Solar System
  
• Colourful Clock
  
• CoverFlow
  
• Leaves
  
• Bokeh
  
• 3D Bar Chart
  
• A Tribute to the Beatles
  
• Pacman
  
• Coke Can
  
  This isn’t made with CSS3 nor HTML5, it’s CSS1/2! Pretty amazing concept.

Tags: CSS, HTML, Translate, 翻译
Posted in CSS, HTML, Translate 1 条留言 »

Smashing Magazine 为了激发 Web 设计者对 CSS3 的兴趣，上月组织了一次 CSS3 设计赛，最终有 5 位设计师获奖，获奖作品体现了 CSS3 技巧的原创性与独特性，同时展示了 CSS3 的强大的功能，这些作品基于纯 CSS3 技术，并不借助 JavaScript 或其它技术。

第一名: CSS3 图表

CSS3 Charts [ 预 览 | 下 载 ]
(全文…)

Tags: CSS
Posted in CSS 没有留言 »

导航是一个网站的路标，优秀的导航是网站设计成功地第一步。导航必须是用户友好的，而且要与网站设计风格保持一致，这样才能为用户提供简便的导航。

在这里您将看到120个非常优秀的CSS水平导航菜单。

(全文…)

Tags: CSS, Design, Menu
Posted in CSS, Design, Menu 没有留言 »

目标

目标是用 CSS3 border-radius 和 box-shadow 来实现如下图效果

左手: 圆角+外投影
你的右手旁边是我的左手: 圆角+内投影
(全文…)

Tags: CSS, JQuery
Posted in CSS, JQuery 没有留言 »

为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希望不会持续太久。多亏Firefox 和Safari/Chrome，我们现在可以使用最少的努力实现强大的渐变。在本文中，我们将展示CSS渐变的简单实现以及该属性在Mozilla和 webkit内核浏览器中的不同。

PS：本文原文本来提供了一个视频，但是由于众所周知的原因，我们无法观看这个在Youtube上的视频，想看的同学请自己想办法观看(最高720P) : http://www.youtube.com/watch?v=9D2hyM5SSCE

Webkit

尽 管Mozilla和Webkit通常对CSS3属性采取同样的语法，但是对于渐变，他们很不幸的不能达成一致。Webkit是第一个支持渐变的浏览器内 核，它使用下面的结构：
(全文…)

Tags: CSS, Webkit
Posted in CSS 没有留言 »

• 查看示例
• 点此下载

效果说明：当你滚动页面的时候，菜单会放大，固定于头部一起滚动。

制作教程

一、创建如下的菜单结构

(全文…)

Tags: CSS, JQuery, Tutorial
Posted in CSS, JQuery 没有留言 »