- 浏览: 192482 次
- 性别:
- 来自: 北京
最新评论
-
hncdcsm1:
非常给力,找了很久了,谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错) -
yuying:
谢谢诶!
非常不错的CSS表单显示效果
http://sixrevisions.com/css/20_websites_learn_master_css/
CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand.
This article features 20 excellent websites to help you "grok" CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.
1. A List Apart CSS Topics
A List Apart, the premier site to read articles about web design and best practices, has a collection of articles on the topic of CSS dating back to 1999. Most articles are geared towards intermediate to advanced developers who put a strong emphasize on standards-compliant designs.
2. CSS Help Pile
CSS Help Pile is an aggregate of CSS resources, tips, and how-to’s. The site is well-organized and a wonderful resource for any level of expertise. There’s a category for beginners, browser bugs, and short reviews of CSS books.
3. CSS Basics
CSS Basics is formatted like a book with 18 chapters dedicated to educating readers about fundamental CSS concepts. The writing is clear and succinct - making it a great resource for those just starting out. All 18 chapters can be printed or downloaded in PDF format.
4. Holy CSS Zeldman!
Holy CSS Zeldman (not a site by Jeffrey Zeldman) is a useful collection of resources that link to standards-based CSS tutorials, tools, and layouts.
5. Eric Meyer: CSS
Here’s a collection of works by Eric Meyer (acclaimed web professional and author). Some resources you’ll find on this page are css/edge (Eric Meyers experiments on CSS) and CSS reference.
6. 456 Berea Street – CSS category
Roger Johansson’s 456 Berea Street has over 300 posts under the CSS category. Some posts talk choosing an image replacement method while others teach you CSS techniques.
7. /* Position Is Everything */
Those just getting their hands around authoring CSS code will quickly realize that a significant chunk of time (and frustration) stems from getting rid of browser bugs. Position Is Everything discusses known browser bugs and shares CSS methods that work across browsers. Here, you can read about the one true layout or learn what happens when you nest absolutely-positioned div’s.
8. HTML Dog CSS Tutorials
HTML Dog is a tutorial website dedicated to teaching XHTML and CSS best practices. There’s three CSS tutorial sections: Beginner, Intermediate, and Advanced.
9. Learn CSS Positioning in Ten Steps
Positioning elements using CSS can be a tricky concept at first. If you’re having a hard time understanding the fundamentals of CSS positioning, check out this 10-step tutorial to get you positioning stuff in no time!
10. Andy Budd CSS/Web Standards Links
Andy Budd (directory of Clearleft, CSS guru, and author of one of my favorite books – CSS Mastery) has a set of CSS/web standards links to help you find reliable, useful information about CSS.
11. W3CSchools CSS Tutorial
W3CSchools has a CSS section that covers the very basics of CSS up to more advanced topics.
12. css Zen Garden
css Zen Garden is a showcase of the things you can do CSS. Most importantly, it highlights the concept of separating content from presentation. Using the same HTML file, designers submit external stylesheets to style the HTML file. I suggest using the Web Developer Tool to inspect how the layouts work and what styles affect certain elements of the page.
13. CSS at MaxDesign
At MaxDesign, you can find Russ Weakley’s brilliant set of CSS-related tutorials. Some things to expect here are: Listmatic – which shows you a variety of ways you can use CSS to style lists, and Floatutorial – which goes through the fundamentals of floating elements.
14. CSSeasy.com
CSSEasy.com’s slogan is "learn CSS the modern way". The site promotes learning by experience, with the idea that if you inspect the source code and see how things fit together as a whole, you’ll gain a better understanding of CSS. The Web Developer Tool will also come in handy on this website.
15. CSS-Discuss
CSS-Discuss is a community of CSS enthusiasts. The CSS-Discuss Wiki is a comprehensive collection of real-world usage of CSS.
16. Web Design from Scratch: CSS
Ben Hunt’s Web Design from Scratch has an excellent section on CSS that covers basic concepts about CSS. I highly recommend beginners start off with Introduction to CSS, a quick but very informative starting point to getting your hands dirty with CSS.
17.CSS-Tricks
CSS-Tricks is a blog dedicated to the topic of CSS. You’ll find helpful posts such as what CSS Sprites are (in a nut shell), techniques for image replacements, and even screencasts on topics like conditional stylesheets.
18.CSS on Delicious
The CSS tag on Delicious is a great way to find popular links that relate to CSS. It allows you to see what people are currently reading.
19. SitePoint CSS Reference
SitePoint has a CSS reference section that discusses introductory level CSS topics. You can get a crash course on general CSS syntax and nomenclature onto slightly more advanced topics such as CSS hacks and filters.
20. CSSDog
CSSDog has a section for both beginners and more advanced developers. Aside from CSS lessons, their CSS Reference section - which lists quick guides and color references - are very helpful.
Missed your favorite?
Do you have a favorite CSS website not on the list? Talk about it in the comments.
发表评论
-
如何解决ps导出jpg或png文件过大的问题
2019-07-08 09:48 2590最近做图,忽觉存储文件过程中MAC奇慢无比,竟然发现存储出来 ... -
在线loading图标生成网站
2014-07-15 11:39 1203分享几个优秀的在线loading图标生成网站,方便实现。htt ... -
备忘录
2014-04-17 16:52 705text-shadow:0 1px 1px rgba(25 ... -
好设计的20条金律
2014-01-27 16:46 547可以打破规则,但不 ... -
转:5个设计师应该去的优质设计分享平台 [复制链接]
2012-08-28 16:16 791http://dribbble.com/ http://dr ... -
转一个关于英文自动断行问题的贴子
2011-04-08 20:18 2187转自:http://maymei.ycool.com/post ... -
22个实用的在线配色网站
2010-11-22 09:21 1482如果感觉对色彩的把握还不是很到位,如果你的设计的时候色彩的感觉 ... -
ie6png透明
2010-11-08 22:19 826var arVersion = navigator.appVe ... -
div层遮盖flash(兼容浏览器)
2010-10-26 22:34 1003div层遮盖flash(兼容浏览器) 转自:htt ... -
(转)75个最佳Web设计资源,强烈推荐!
2010-10-03 21:14 866本文地址:http://www.woiweb.net/top- ... -
CSS实现自动等比例缩略图的方法
2010-10-02 15:30 1725完美解决自动缩略图的代码,以实现对原图的等比例收缩。 代码 ... -
针对Google Chrome谷歌浏览器的CSS hack
2010-09-14 13:26 3083所幸Google Chrome用的是与Safari一样的 ... -
解决不同浏览器窗口大小是否显示某DIV问题
2010-09-12 22:57 1017解决不同浏览器窗口大小是否显示某DIV问题: <SCR ... -
图片在DIV中居中
2010-05-07 17:20 1882图片在DIV中永远居中 <div id=&quo ... -
设定网页最小最大宽度和高度(兼容IE6)
2010-03-30 21:38 3028/* 最小寬度 */ .min_width{min-widt ... -
您需要了解的DIVCSS网页布局的8条面试题目
2010-01-26 10:03 849CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官 ... -
转来的总结CSS规范
2010-01-25 15:33 943最近领导让整理个CSS规范做个内部培训,搜了搜资料,觉得这篇文 ... -
如何用css实现圆角_CSS实现圆角解决方案(转)
2010-01-14 18:22 2559导言: 本文探讨的是圆角框的终极解决 ... -
网页设计的3D元素运用25例
2010-01-12 22:23 722Yoast ... -
5种在设计中应用光线和阴影的简单技法 [转]
2010-01-12 22:14 692凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回 ...
相关推荐
Dreamweaver是组建网站和设计网页的专业工具,以“所见即所得”的特点,使不同层次的用户都可以快速创建网页。Dreamweaver的每一次版本更新都会带来很多新功能和新特性。在Dreamweaver CS3基础上,Adobe公司又发布了...
DIV+CSS_学习教程,程序猿快速掌握最有效的学习方法。
通过反复学习和实践,最终快速掌握Div+CSS的应用精髓。《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》案例设计精美、内容丰富、文字简洁、代码清晰,可以帮助读者在不知不觉中,掌握CSS网页布局精华,融会贯通HTML...
通过对十个经典案例进行分析,分别从不同类型网站的布局风格以及实现方法来讲解DIV+CSS网页布局和制作方法。本教程系统地讲解了CSS样式的基础理论和实际运用技术,并结合实例来讲解层叠样式表与层布局相结合制作网页...
对于初学者来说,本资源也是一个很好的学习资料,可以帮助他们快速掌握CSS3动画的基本原理和应用方法。 使用场景及目标:本资源的应用场景非常广泛,可以用于网站的图片展示、导航菜单、按钮等各种场景。通过使用本...
快速掌握学习CSS样式,全面的CSS用法。
文章目录一篇快速入门HTML一篇快速入门CSS一篇...一是总结一下自己的学习经历,二来帮助想要学习的小伙伴快速掌握基础,光速入门。 最后还有博主找的B站上的视频学习,自己把代码敲出来,详细的注释供大家练手使用。 另
CSS3可以让你创建专业外观的网站,但是学习它的细节会十分麻烦——即使是资深web开发人员也是如此。此书通过有价值的提示、技巧和一步步的指导为你展示了如何来提升你的html和CSS技能。你将快速掌握如何搭建那些非常...
通过反复学习和实践,最终快速掌握Div+CSS的应用精髓。《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》案例设计精美、内容丰富、文字简洁、代码清晰,可以帮助读者在不知不觉中,掌握CSS网页布局精华,融会贯通HTML...
通过反复学习和实践,最终快速掌握Div+CSS的应用精髓。 本书案例设计精美、内容丰富、文字简洁、代码清晰,可以帮助读者在不知不觉中,掌握CSS网页布局精华,融会贯通HTML标签与CSS属性的应用。 本书适合从事...
DIVCSS布局大全,网页版面排版,学习一下,快速掌握网页排版。
其他说明:本教程的资源文件为.rar格式,包含了详细的教程和示例代码,可以帮助你快速掌握制作纯CSS动画的技巧。同时,本教程还提供了一些实用的技巧和建议,帮助你更好地应用爱心动画特效到自己的网页设计中。如果...
压缩包里面的文件是一些关于学习Div+Css布局的文件文档,能够有效帮助初学者快速入门掌握。
通过对《精通HTML5 + CSS3+JavaScript网页设计》实例和综合案例的学习与演练,读者可以尽快掌握所学的知识,提高网页设计的实战能力;同时《精通HTML5 + CSS3+JavaScript网页设计》在网上提供了实例源代码,可供读者...
Css总结,知识点一幕了然,能熟练的快速的掌握Css,帮助你快速的学习前端知识。。。!!!!!
总之,这个130223.rar文件是一个非常实用的计算机专业JSP源码资料包,它为你提供了一个很好的学习资源,帮助你快速掌握Java Web开发的相关技术和知识。无论你是计算机专业的学生,还是希望转行进入IT行业的从业者,...
一个不错的div+css学习入门教材!大概1天就可以掌握div+css网页布局的理念了