柳影花阴:按钮元素的外观重构(上)

对一个设计者而言,创建良好的用户界面一直是件比较费力的事情,尤其网站应用程序的开发,由于不同浏览器在外观渲染上的差异,加之操作系统的不同,使得这个任务更加艰巨。在视觉设计方面,表单元素是难以应付的对象之一,下面我们就来看看经常使用到的“按钮”。

一花一世界 – CSS实例教程:文件上传表单的美化

在HTML结构中,我们把文件上传表单放置到一个应用了cabinet样式的label容器中,而表单本身也被赋予了一个名为file的样式。整个效果涉及到一个HTML文档、一张背景图和一个名为si.files的JS文件,我们用于包含表单的容器元素类型或其中涉及的样式类名可以修改,但是注意要与si.files.js中的声明保持一致。

开宗明义:《CSS权威指南第三版》精髓中文学习笔记【2.3】换行标签

很多人习惯用一些无关外观的元素来调整页面的显示效果,比如堆砌几个换行标签来为页面留白,这种在文档中随意添加无意义标签的做法应该尽量避免,况且CSS有足够的能力来控制这些外观上的表现。而如段落和换行之类有实际含义的标签,就应该只出现在能体现它们分段和换行功能的地方。

开宗明义:《CSS权威指南第三版》精髓中文学习笔记【2.1】HTML中标题的运用

在HTML和XHTML中,Title标签用于定义页面内容的标题,它有h1—h6六个级别,其中h1最引人注目,如整体页面内容的标题,而h2就可以当作它的子标题。而第五、六级的Title标签一般很少使用,当然在某些复杂的网页文档中还是可以找到它们的踪影。下面的代码展示了一系列Title标签的使用方法…