当前位置:首页 >> 站长天地 >> 网页制作 >> 内容

CSS使用技巧集锦

时间:2008-10-6 10:44:00 栏目:网页制作 点击: 来源:不详

 [网页制作]-本文简要:CSS应用在网页设计中越来越重要,Web2.0中涉及到比较的网页元素包括DIV和CSS两种,由于可以控制页面元素的浮动效果,所以在设计者来说,可以控制数据显示顺序。DIV与Table的区别在于显示模式,在网络速度比较慢的情况下,数据显示速度将在视觉效果上决定用户对网络速度的了解。现在有比较多说法是,...
D6电脑网 (d6pc.com): CSS使用技巧集锦-网页制作

CSS应用在网页设计中越来越重要,Web2.0中涉及到比较的网页元素包括DIV和CSS两种,由于可以控制页面元素的浮动效果,所以在设计者来说,可以控制数据显示顺序。DIV与Table的区别在于显示模式,在网络速度比较慢的情况下,数据显示速度将在视觉效果上决定用户对网络速度的了解。现在有比较多说法是,采用DIV+CSS能提高速度的原理其实是具体的显示效果,真实的网络传输速度将不会因为采用什么样子的元素而改变。

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.

1. CSS Based Navigation

2. Navigation Matrix Reloaded

3. CSS Tabs

4. CSS Bar Graphs (CSS For Bar Graphs)

5. Collapsing Tables: An Example

6. Adam’s Radio & Checkbox Customisation Method

7. CSS Image Replacement

8. CSS Shadows (CSS Shadows Roundup)

9. CSS Rounded Corners Roundup (Nifty Corners)

10. Drop Cap - Capital Letters with CSS

11. Define Image Opacity with CSS

12. How to Create a Block Hover Effect for a List of Links

13. Pullquotes with CSS (Automatic Pullquotes with javascript and CSS

14. CSS Diagrams

15. CSS Curves

16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.


36. PDF, ZIP, DOC Links Labeling

37. Displaying Percentages with CSS

38. Image Floats without the Text Wrap

39. Let visitors decide, whether or not will they open link in a new window

40. Simple accessible external links

41. Zebra Table with javascript and CSS

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS

43. Unobtrusive Sidenotes

44. Image Caption with CSS (Styled Images with Caption)

45. Dynamic Piechart with CSS

46. Format Footnotes with CSS

47. Hierarchical Sitemap with CSS

48. Snook’s Resizable Underlines

49. Switchy McLayout: An Adaptive Layout Technique

50. StyleMap: CSS+HTML Visual Sitemap

51. Custom Reading Width

52. CSS Alert Message

53. CSS Production Notes

信息来源:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/


Tags:技巧 集锦 


D6电脑网|电脑学习,电脑维修,电脑技术网;
设电脑学习,电脑入门,电脑技术,电脑教程,电脑维修,硬件知识,
网页设计建站,桌面壁纸,主题下载,WIN7下载,常用软件下载等栏目。感谢您的支持!
栏目:网页制作 作者:佚名 来源:不详
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
本类推荐
  • 没有
本类固顶
  • 没有
网友推荐
链接申请
  • D6电脑网(www.d6pc.com) © 2019 版权所有 All Rights Reserved.
  • 本站为纯技术学习交流型网站,部分资源来源网络,仅供学习交流,版权归原作者,本站仅为转载,如有侵犯您的利益请联系我们删除.谢谢!
    关于D6电脑学习网 广告合作 419807867@QQ.COM 联系站长 网站地图 粤ICP备09035016号
  • 摆脱浅薄和低俗的最好办法就是学习,我们加油!D6PC! V3.0