2009年7月29日
摘要：
转自： http://blog.onlygrape.com/css-ul-li-2/395ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在项目符号（比如方块或实心的黑点）的列表内容。CSS网页布局中，除了新闻列表、链接运行ul、li制作以外，我们通常将菜单也用ul、li来实现。我们下面用CSS来改变它的外观，使它能横向在一行中显示，... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-ul-li-3/392Example Source Code：[代码]我们详细的解释与说明CSS代码，看它是如何控制这个UL LI打造CSS横向菜单的：[代码]首页我们进行了整体布局声明，声明了文字大小及居中的对齐方式。需要说明的是，在ff中，我们设置margin:0 auto。即可实现容器的居中了，但在IE中，这还不够，还需要在... 阅读全文
摘要：
转自： http://blog.onlygrape.com/position/186定义position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。span>position版本：CSS2 兼容性：IE4+ NS4+ 继承性：无br>语法：position : static | absolute | fixed | relative参数：static：默认。它始终会... 阅读全文
摘要：
转自： http://blog.onlygrape.com/word-spacing-letter-spacing/278在对网页文本进行精细编辑时，需要应用到多方面的CSS属性设置，如垂直方向上的行距line-height，水平方向上的字距word-spacing和letter-spacing。word-spacing是指单词间隔，letter-spacing是指字母的间隔。下面我们来介绍下wo... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-3/298根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-prepared/397如何有效的编写代码？这是许多网页制作者与开发者都关心的问题。合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。一、排版：1、关键词和操作符之间加适当的空格。2、相对独立的程序块与块之间加空行3、较长的语句、表达式等要分成多行书写。4、划... 阅读全文
摘要：
转自: http://blog.onlygrape.com/overflow-hidden/312Overflow: hidden 的使用引用:overflow 版本：CSS2 兼容性：IE4+ NS6+ 继承性：无语法：overflow : visible | auto | hidden | scroll参数：visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为... 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-arc/362一直做圆角的边框都是用图片来铺成的，这次尝试了下用CSS来制作圆角的边框，效果还是蛮不错的。代码如下：[代码] 效果如图： 阅读全文
摘要：
转自： http://blog.onlygrape.com/css-bug/323CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在葡提子之前的技术文档中，也介绍了这方面的内容。轻松的解决CSSbug是我们必须掌握的技能。现在整理出最常用的几种CSSBUG解决方法以及CS... 阅读全文