前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。为了节省时间，下面图形都采用的一个标签，可以是块元素也可以是行内元素，不过行内元素需要加上“display:block;”，唯一不同的是，在此用了不同的类名来区别，相关类名我放在了标题的后面，以便大家对应查看。1、正方形（square）：CSS Code: .square { width: 100px; height:100px; background: #E5C3B2; }...

网页的字体的使用，大家都清楚，有时一些特殊字体只能使用图片来代替，因为担心用户的浏览器不具有这样的字体无法正常渲染页面的效果。为了解决这个问题，前面本站推出CSS3的@font-face来实现一些特殊字体的效果。效果是作出来了，但性能大家又说，加载文件太大，直接影响了网站的性能。说真的真是鱼和熊掌不能兼得呀，而且@font-face对于中文字体来说还是蛮麻烦的。那么是不是除了@font-face就别无他法了呢？不是的，现在Google Font Api也能实现。今天学习了一下觉得蛮实用的，也是相当的方便。整理了一下放上来与大家一起分享。目标目标很明确，需要使用下面的字体来渲染网页的字体效果：...

CSS的positon，我想做为一个Web制作者来说都有碰到过，但至于对其是否真正的了解呢？那我就不也说了，至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文中分十步介绍了CSS的“position”中的“static、relative、absolute、float”使用，觉得蛮有意思的。整理了一下贴上来与大家一起分享。希望大家能喜欢。在图解这十个过程之前，我将实例的代码放上来，好让大家一个实体参考：HTML Markup <div id="example"> <div id="div-...

昨天在《表单button的行高问题》一文中简单的描述了一下表单中的“button”（包括input[type="submit"]/input[type="reset"]/button）行高在Firefox和Opera中不以按设置值解析。今天我想和大家一起来说表单中“button”的“text-indent”属性在IE中的bug。首先我们来看一个实例：HTML Markup <input type=”submit” value=”Submit” id=”btn” /> CSS Code在这个实例中，通过图片背景来制作Button,...