正在加载...

"CSS" 分类下的全部文章

2010-1
14

我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。

字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。

基于Flash的网站与基于HTML+CSS的网站最大的区别在于前者往往可以实现漂亮的动画效果,而在后者不是那么容易。不过这种情况在逐步改变,逐步涌现的诸如Jquery,ExtJs,Moo,YUI等Javascript库使这个工作变得容易许多。下面的一个示例是通过使用CSS Sprites技术,结合Jquery实现的一个动感十足的菜

2009-4
13

《高性能网站建设指南》(《High Performance Web Sites》)第5章如是说:’Link标签代替@imort标签能带来性能上的收益;@import规则有可能导致白屏现象;使用@import会导致组件下载的无序性。’

这篇文章讲述的是如何通过CSS和JQuery来实现在页面上快速切换布局(样式)的功能。这样做的好处是不言而喻的,现在的网页设计都是希望增强与用户的互动性。允许改变页面布局或信息展示方式无疑可以提高用户体验,选择他们喜欢的样式去获取信息。