CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户

这个教材包括:CSS Layouts, CSS Navigation, CSS Backgrounds, CSS Forms, CSS Round Corners, CSS Image Fader, Suckerfish dropdowns, CSS Ratings, CS Slideshow, CSS Tabs, CSS drop shadows, CSS Bar GraphsCSS Floats:

1 . CSS Layouts (53种固定的宽度和42种侧边栏版面)

网站图:
113.jpg

2 . CSS Navigation (上百个 CSS menus, flyovers, horizontal, vertical, sliding)

网站图:
24.jpg

3 . CSS Navigation Magnification ( fishbowl 特效制作)

网站图:
32.jpg

4 . Parallax Backgrounds (多层的 javascript 教程)

网站图:
35.jpg

5 . CSS-only, table-less forms

网站图:
42.jpg

6 . Styling Forms

网站图:
52.jpg

7 . Sizing text

网站图:
62.jpg

8 . Spiffy Corners(不用图象或 JavaScript 制作边角)

网站图:
81.jpg

9 . CSS Fade in Image

网站图:
91.jpg

10 . Suckerfish Dropdowns

网站图:
104.jpg

11 . CSS Ratings (评分制作)

网站图:
123.jpg

12 . CSS Crossbrowser slideshow ( css 画廊制作)

网站图:
124.jpg

13 . CSS Tab Designer (设计 css 菜单的软件)

网站图:
133.jpg

14 . CSS Design and Usability (5 种方法)

网站图:
143.jpg

15 . CSS Onion skinned drop shadows

网站图:
153.jpg

16 . 40 个 CSS Layouts

网站图:
163.jpg

17 . CSS Floats

网站图:
172.jpg

18 . CSS Vertical Bar Graphs

网站图:
182.jpg

原文:http://www.ablogyoucanuse.com
译者:peterzsk
译文原地址:http://zsk.akaka.com.cn/2007/04/css-tutorials-from-beginner/
采用CC创作共用协议,转载可保留以上信息并<署名、非商业和保持一致>。

如果您喜欢这篇文章,请点击上面的推荐按钮,给我投一票

或订阅我的 谢谢。

  • 相关文章

  • 18 Responses to “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户”


    1. Gravatar Icon

      最近打算用css取代常用的table
      改变的过程中遇到许多困难 :em26:
      在网路上·找了很多教程
      就以这篇的内容整理的最详细
      从里面学习到许多技巧
      获益量多,感谢。^____^

      [回复]

    2. Gravatar Icon

      呵呵 :em24:
      别这么客气

      [回复]

    3. Gravatar Icon

      很有益处的文章,ThanX

      [回复]

    1. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 at ︻┳═一 [zsk.akaka.com.cn] ) […]

    2. […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” 来做出修改。 2 . […]

    3. […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” 来做出修改。 […]

    4. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    5. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    6. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    7. 7吴智勇的博客 » Blog Archive » 优秀Wordpress主题的十个准则

      […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” […]

    8. […] 这些例子都非常简单,而且在 Windows IE 浏览器不会出现 css 错误。 其它一些好的资源: Relatively Absolute CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    9. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    10. […] 不管是上面两种情况的那一种,您完成网站的加载和渲染都取决于在别人服务器上的代码运行速度,即使是一个成熟稳定的 widgets ,它也需要时间来反映,这仍然会造成网站加载速度的变慢。 我们对此作了一些研究,想要使得 widgets 不影响网站的加载时间: […]

    11. […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” 来做出修改。 2 . […]

    12. […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” 来做出修改。 2 . […]

    13. […] CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户 […]

    14. […] 检查你的 CSS ,看他们是否存在问题。针对 CSS ,可以参考 “CSS 教材:18 步改变你网站的 css ,使你从初学者成为高级用户” 来做出修改。 2 . […]

    15. […] 自製佈景主題的基本概念(WordPress 模版的制作) 三月 22nd, 2007 by peterzsk cT=”1″;nc=”#E74F1C”;nBgc=”#FFEEE6″;nBorder=”#E7E6EB”;tc=”#FFFFFF”;tBgc=”#FE1923″;tBorder=”#B11418″;tDigg=”";tDugg=”";defaultItemUrl=”WEB_URL”;defaultFeedUrl =”http://zsk.akaka.com.cn/feed/”; 1,669 Views WordPress 制作 模版 在网上找到了一篇关于“自製佈景主題”的文章(也就是我们说的模版的制作),感觉不错,想要自製佈景主題的人可以去看看: […]

    Leave a Reply