22个CSS文字效果和WEB排版提示

Posted on 2009-12-22 by DesiZen Tags: , ,

在一个好的网页设计中,排版也是相当重要的部分,所以我强烈建议去阅读那些我展示的文章,享有并且获得最新的网页设计灵感

1. 使用 CSS 中 text-shadow 创建一个凸版文字效果

letterpress-css-text-effects-typography

2. 使用CSS将文字旋转

使用CSS将文字旋转

3. 使用Sprites显示日期

使用Sprites显示日期

4. CSS层叠文字效果(可以使用在IE6下)

CSS层叠文字效果(可以使用在IE6下)

5. CSS文字渐变

CSS文字渐变

6. 使用简单的CSS增加文字镂空背景效果

使用简单的CSS增加文字镂空背景效果

7. 创建文字凹凸效果的两个简单办法

创建文字凹凸效果的两个简单办法

8. 使用CSS创建文字凹凸技术

使用CSS创建文字凹凸技术

9. 代号彩虹

代号彩虹

10. CSS水滴阴影

CSS水滴阴影

11. 凸显文字的阴影

凸显文字的阴影

12. 使用CSS让背景渐变

使用CSS让背景渐变

13. 在Safari, Opera, Firefox和更多的浏览器中使用CSS Text-Shadow

在Safari, Opera, Firefox和更多的浏览器中使用CSS Text-Shadow

14. 文本溢出

Text-overflow

15. 如何在您的站点导入sIFR3

如何在您的站点导入sIFR3

16. 如何利用FLIR使用你想要的任何字体

如何利用FLIR使用你想要的任何字体

进一步阅读:更多成功的网页排版布局设计

网页排版是一个进阶的水平区段,如果基本的CSS属性都还没有搞清楚的话,还是先从小区块开始研究吧.

17. 在HTML中如何使用标题(h1,h3…)

在HTML中如何使用标题

18. 使用CSS创建高级排版技术

使用CSS创建高级排版技术

19. 10个使用CSS排版以及如何创建他们的例子

10个使用CSS排版以及如何创建他们的例子

20. 排版对比

排版对比

这篇文章非常好,列出了很多的对比分析,或许通过他们,你可以发现在你的设计中的不足之处.

21. 应用在网页设计中设计风格的元素

应用在网页设计中设计风格的元素

22. 网页设计中的5个原则和理念

网页设计中的5个原则和理念

VIA(http://www.1stwebdesigner.com/css/advanced-css-text-effects-web-typography-tips/)

0 Comments»

    暂时还没有评论, 欢迎留言交流.

Blog MixLab Fave Coding Freebies Showcases