标签归档：CSS

打造自己的Reset.css

发表于 2009年03月4日 由 sprite

0、引言 每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式，我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。 具体如何规划网站CSS结构，不在文本讨论之列，可以参考Smashing Magazine上的文章，国内有差强人意的中文译版。注意，本文把reset分成了两个部分，一个是纯reset.css，可以用于任何项目。另一个是用于特定项目的“reset”，自定义修改的内容，这些内容可以放在layout.css、typography.css之类的文件中，他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css，以及介绍在设置玩reset.css之后需要针对不同项目要首先要设置的内容。

发表在 交互设计 | 标签为 | 留下评论

css写省略号方法

发表于 2009年01月13日 由 sprite

css写省略号方法 <title>css写省略号方法</title>   /* CSS DEMO */ * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; } ul { width: 300px; margin: 40px auto; padding: 12px 4px 12px 24px; … 继续阅读 →

发表在 Web开发 | 标签为 | 留下评论

CSS 在Safari下不能import的解决

发表于 2008年09月12日 由 sprite

出错原因， css页面里面不能有 @charset “utf-8″; 这段代码在萨法日下不能够被识别

发表在 Web开发 | 标签为 , , | 留下评论

终于彻底解决了png的透明问题

发表于 2008年07月3日 由 sprite

之前解决png在IE6下的透明解决方案，总是在png使用背景或者src的时候能用，组合在一起就会有问题，今天终于彻底解决这一问题。 <title>关于PNG图片透明的兼容性</title>   body { background:#666666; margin:auto; padding:20px; } .pngfix { float:left; width:16px; height:16px; } .cross { background:url(cross.png) no-repeat; /* ff */ _background:#666; /* IE6 only */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’cross.png’, sizingMethod=’image’); /* IE6 only */ } .accept { background:url(accept.png) no-repeat; /* ff … 继续阅读 →

发表在 Web开发 | 标签为 , , | 15 条评论

创建性感CSS样式表的十个技巧

发表于 2008年05月23日 由 sprite

如果你想成为一位CSS专家的话，光背出一堆选择器是不够的，还要能够提高CSS样式表的可读性，开发效率以及维护性。这里，Jina Bolton 将给我们分享一下她关于如何创建性感的CSS样式表的十个技巧。 本文主要内容为：CSS代码编码规范，教你如何写出整洁漂亮性感的css代码，如何清晰的组织你的样式表文件。闲言少叙，直接进入正题，完整文字请查看原文。

发表在 Web开发, 网站架构 | 标签为 | 一条评论

21个css和Ajax表格

发表于 2008年02月29日 由 sprite

表格对于网页设计师来说再熟悉不过，随着web标准的兴起，表格不再承担架构网页布局的重任。回归到它本来的功能，表现数据。恐怕有很多网页设计师都没有兴趣，我们精选了当今互联网上正在应用的和已经设计好的21个css和Ajax表格，教你一些在表格里用分类和过滤的功能展示信息的有用的技巧。对您在设计网页时起到锦上添花的作用。

发表在 Web开发, 交互设计 | 标签为 , , | 一条评论

50种强大的CSS技术

发表于 2008年02月29日 由 sprite

这是来自SmashingMagazine的又一个CSS相关资源收集文章，事实上，里面有一半多的技巧，帕兰在之前翻译Noupe的101个CSS技术高级应用教程(上)和101个CSS技术高级应用教程(下)里面都已经介绍过了。 不过还是全部翻译一个，就当作是复习吧。

发表在 Web开发 | 标签为 | 留下评论

101个CSS技术高级应用教程

发表于 2008年02月29日 由 sprite

原文:101 CSS Techniques Of All Time- Part 1 翻译: 帕兰 CSS从根本上改变了网页设计，它让网页样式与网页基本元素分离，只需要通过一个小小的style.css文件里面，对相应元素定义众多的属性，就可以实现完全的整站改变。CSS是强大的，是伟大的，是不可或缺的。 要掌握CSS并不困难，帕兰随时自信满满的跟一些想学习CSS的朋友说:学会CSS所需要的时间，最短一天，最长一个星期。事实也确实如此。但要成为一个真正的CSS高手，那就不是一两天的事情了。你需要掌握一些比较高级的CSS应用技巧，甚至是去创建一些还未发掘出来的CSS应用技巧。 Noupe为我们收集了101个CSS技术的高级应用，这些CSS应用技巧里面，有的你甚至可能从来都没有听过，但如果你是一个网页设计爱好者，你应该去了解它。它们代表着当前最流行最实用的CSS应用，如果你能把它们都掌握并加以运用，你完全可以晋升为一个标准的CSS高手。

发表在 Web开发 | 标签为 , | 留下评论

css模拟title和alt的提示效果

发表于 2008年01月23日 由 sprite

css模拟title和alt的提示效果

发表在 Web开发, 交互设计 | 标签为 , | 留下评论

无图片实现圆角框

发表于 2008年01月23日 由 sprite

无图片实现圆角框

发表在 Web开发, 交互设计 | 标签为 , | 留下评论