柳影花阴：按钮元素的外观重构（上）
对一个设计者而言，创建良好的用户界面一直是件比较费力的事情，尤其网站应用程序的开发，由于不同浏览器在外观渲染上的差异，加之操作系统的不同，使得这个任务更加艰巨。在视觉设计方面，表单元素是难以应付的对象之一，下面我们就来看看经常使用到的“按钮”。
一花一世界 – CSS实例教程：文件上传表单的美化
在HTML结构中，我们把文件上传表单放置到一个应用了cabinet样式的label容器中，而表单本身也被赋予了一个名为file的样式。整个效果涉及到一个HTML文档、一张背景图和一个名为si.files的JS文件，我们用于包含表单的容器元素类型或其中涉及的样式类名可以修改，但是注意要与si.files.js中的声明保持一致。
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【2.3】换行标签
很多人习惯用一些无关外观的元素来调整页面的显示效果，比如堆砌几个换行标签来为页面留白，这种在文档中随意添加无意义标签的做法应该尽量避免，况且CSS有足够的能力来控制这些外观上的表现。而如段落和换行之类有实际含义的标签，就应该只出现在能体现它们分段和换行功能的地方。
一花一世界 – CSS实例教程：水彩风格CSS菜单（下）
通过设置文本缩进text-indent属性来隐藏文本，当鼠标滑过超链接时，我们将span元素转换为块级对象。为”home”项的链接定义宽、高以及背景图像。因为我们已经为标签a定义了绝对定位属性，现在我们只要简单的设置它相对左上角的坐标就可以了 …
一花一世界 – CSS实例教程：水彩风格CSS菜单（上）
我们将学习设计一个水彩风格的CSS菜单效果，其中会设计到如何在Photoshop中一步步创建菜单图切片，以及最终如何在CSS中实现最终效果。熟悉CSS的读者可能已经知道如何利用CSS创建横向或纵向菜单，现在我们来进步一学习利用position属性来实现更复杂的效果。
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【2.2】段落标签
段落标签所标识的文字，代表同一个段落的文字，而不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。在HTML中被包含在不同P标签组之间的文本，在浏览器中会被解析成不同的段落 …
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【2.1】HTML中标题的运用
在HTML和XHTML中，Title标签用于定义页面内容的标题，它有h1—h6六个级别，其中h1最引人注目，如整体页面内容的标题，而h2就可以当作它的子标题。而第五、六级的Title标签一般很少使用，当然在某些复杂的网页文档中还是可以找到它们的踪影。下面的代码展示了一系列Title标签的使用方法…
开宗明义：《CSS权威指南第三版》精髓中文学习笔记【二】文本和链接
通过CSS我们可以有效的管理页面中的内容元素，人们又开始关注如何高效的利用文本元素：格式化文本。所以不管网站的形式如何千变万化，文本和链接都保持着优良的可用性，它们值得网站开发者花必要精力去组织和优化。