`
bluedusk
  • 浏览: 272819 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

20个优秀网站助你征服CSS

阅读更多

20个优秀网站助你征服CSS

1. A List Apart CSS Topics

A List Apart是一个CSS优秀文章的收集网站,从1999年开始收集文章,关注最佳网页设计。

2. CSS Help Pile

CSS Help Pile重点关于CSS资源,技巧与手法。该网站授予良好的网页组及优秀的资源,适用于各个水平的开发人员,分类包括:初学者浏览器解析的错误简评CSS的书籍

3. CSS Basics

CSS Basics可以当成一书来看,用了18个章节来传授基本的CSS概念,对初学者相当有帮助。还有就是所有18个章节,提供打印或PDF格式下载

4. Holy CSS Zeldman!

Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。

5. Eric Meyer: CSS

这里主要是收集Eric Meyer (著名的开发者)的作品,在css/edgeCSS reference 等页面可以找到一些相关的资源。

6. 456 Berea Street – CSS category

456 Berea Street 下有一个CSS分类,里面有超过300篇文章,这些文章有教如果放置图片 ,有些是说CSS技巧

7. /* Position Is Everything */

这里只要关注的是如何摆脱浏览器显示的错误。

8. HTML Dog CSS Tutorials

HTML Dog致力于教授最佳的XHTML与CSS布局,分为初级中级高级 三个级别。

9. Learn CSS Positioning in Ten Steps

如果使用CSS定位是一个棘手的问题,这里有10步,看能不能帮你解决。

10. Andy Budd CSS/Web Standards Links

Andy Budd有着一系列CSS/web标准的有用链接,以帮助你找到有用的资料。

11. W3CSchools CSS Tutorial

W3CSchools有一个CSS部分,内容涵盖了初级到高级的CSS主题。

12. css Zen Garden

css Zen Garden给我们展示了CSS是怎样工作的,使用相同的HTML文件,设计师提交的外部样式来美化这个文件。用Web Developer Tool 就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源 里也有介绍。

13. CSS at MaxDesign

MaxDesign拥有Russ Weakley的一套CSS精彩教程,在Listmatic 里,教你使用CSS 格式化列表,在Floatutorial 里,介绍floating元素的知识。

14. CSSeasy.com

CSSEasy.com拥有丰富的经验及创意分享,让我们更好地了解CSS。

15. CSS-Discuss

CSS-Discuss是一个CSS爱好者社区,而 CSS-Discuss Wiki 是关于CSS的应用收集。

16. Web Design from Scratch: CSS

Web Design from Scratch 有一章节是关于CSS的,涵盖了CSS的基本概念。 其中的Introduction to CSS 对初学者很有帮助。

17.CSS-Tricks

CSS-Tricks是一个专注CSS的博客。

18.CSS on Delicious

The CSS tag on Delicious是关于优秀CSS设计的链接收集,亮点就是让我们知道哪些好东西在被人看。

19. SitePoint CSS Reference

SitePoint有一个CSS部分,专门讨论入门水平的CSS主题。

20. CSSDog

CSSDog有一部分为初学者高级开发者设计 的,其中的开发经验及参考,个人认为是最有价值的部分。
原文出自Jacob Gube
译文地址:http://www.jianbitou.com/post/20_websites-learn-master-css.html

分享到:
评论

相关推荐

    二十五个优秀CSS酷站欣赏 - Css教程

    二十五个优秀CSS酷站欣赏 - Css教程

    优秀CSS模板20套

    优秀的CSS模板是网页设计师的宝贵资源,可以大大提高工作效率,同时保证网站的美观和用户体验。下面将详细讨论这些CSS模板中的关键知识点。 1. **响应式设计**:在现代网页设计中,响应式布局至关重要。它允许网页...

    CSS二十个学习推荐外文网站

    以下是对“CSS二十个学习推荐外文网站”的详细解析: 1. **MDN Web Docs** (https://developer.mozilla.org/zh-CN/css):Mozilla 开发者网络提供全面的 CSS 参考指南,包括语法、属性和实例,是学习和查找 CSS 信息...

    20个学习CSS的绝佳网站

    该网站采用模块化教学,每段内容讲解一个CSS样式,涵盖基础到进阶的所有知识点,是系统学习CSS的良好平台。 #### 3. w3schools 作为知名的在线教育网站,w3schools提供详尽的CSS教程,教授如何使用CSS控制页面样式...

    css yu div\1300个优秀网页赏析\公司企业

    在IT行业中,网页设计是至关重要的一个领域,尤其是在公司企业网站的建设中。"CSS"、"div"和"HTML"是构建现代网页的核心技术,而...而"1300个优秀网页赏析"则提供了丰富的学习资源,帮助你提升设计水平,紧跟行业潮流。

    div+CSS购物网站模板

    在这个专题中,我们将深入探讨Div+CSS在购物网站模板中的应用,以及它对于网页设计的重要性。 首先,让我们了解什么是Div和CSS。Div(Division)是HTML中的一个布局容器,它允许我们将页面划分为多个独立的区域,...

    购物网站css模板

    在构建一个类似当当网的购物网站时,CSS模板扮演着至关重要的角色。CSS(Cascading Style Sheets)是用于定义网页布局、颜色、字体等视觉样式的关键技术。本项目提供的"购物网站css模板"涵盖了从主页到购物车、商品...

    38个CSS布局网站模板

    这个“38个CSS布局网站模板”资源包包含了多种基于CSS的网页布局设计,可以帮助开发者快速搭建美观、响应式的网站。这些模板通常由HTML结构与CSS样式两部分组成,通过巧妙的div元素使用和CSS规则定义,实现网页的...

    css框架Blueprint CSS

    Blueprint CSS 是一个强大的前端开发工具,它为网页设计师和开发者提供了高效的CSS解决方案。这个框架的主要目标是简化CSS编码过程,让网页布局和设计更加高效、规范。Blueprint CSS 的核心特性包括一个灵活的网格...

    css yu div\1300个优秀网页赏析\体育.

    1300个优秀网页赏析中的体育类网页示例,为学习者提供了丰富的实际案例,可以帮助他们理解如何将CSS和HTML应用于实际的体育主题网站。通过分析这些网页的源代码,可以学习到如何使用CSS和div进行页面布局,如何实现...

    svg转css,css转svg,svg与css互相转换并压缩

    同时,理解文件压缩原理和方法,如Base64编码和CSS minification,有助于减少资源占用,提升网站加载速度。对于JavaScript工具包的使用,开发者需要阅读相关文档,学习如何正确集成和使用这些工具,以满足项目需求。

    合并网站多个css文件成一样

    标题“合并网站多个css文件成一样”指的是使用编程技术,特别是C#,来自动化这个过程。下面将详细讨论这个主题。 首先,CSS(层叠样式表)是用于定义网页外观和布局的语言。当一个网站有多个CSS文件时,每个文件都...

    WebDeveloper_css优秀工具插件及教程

    总的来说,“WebDeveloper_css优秀工具插件及教程”这个资源包是为Web开发者提供的一份全面的CSS学习和工作资源,包含了从基础到进阶的工具和教程,有助于提升开发者的CSS技能,实现高效、美观且性能优良的网页设计...

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    20个超漂亮实用的纯CSS web2.0导航菜单模板

    总的来说,这20个纯CSS Web2.0导航菜单模板不仅为你的网站提供美观的导航解决方案,还能作为学习和灵感的源泉。在codefans.net这个链接中,你可以找到这些资源,进一步探索和应用到你的实际项目中。记住,优秀的用户...

    用HTML+div+css编写的一个旅游网站的编写

    在本项目中,我们主要探讨的是如何利用HTML、CSS以及div元素来构建一个旅游网站。HTML(HyperText Markup...通过这个项目,你可以学习到如何创建一个功能齐全、视觉效果出色的旅游网站,并了解现代网页设计的最佳实践。

    40个有创意的html+css网页源代码

    "40个有创意的html+css网页源代码"这个资源集合为开发者提供了丰富的学习材料和灵感来源,无论你是初学者还是经验丰富的专业人士。 HTML(HyperText Markup Language)是用于创建网页内容的标记语言,它定义了页面...

    用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript

    - **语义化标签**: 使用语义化标签如`<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<aside>`, `<footer>`等可以使网站结构更清晰,有助于搜索引擎优化(SEO)。 #### 1.2 CSS3样式设计与布局技巧 - ...

    扒网站界面神器(一键下载:html,css,js,img等文件)

    扒网站界面神器(一键下载:html,css,js,img等文件)扒网站界面神器(一键下载:html,css,js,img等文件)扒网站界面神器(一键下载:html,css,js,img等文件)扒网站界面神器(一键下载:html,css,js,img等文件)扒网站界面...

Global site tag (gtag.js) - Google Analytics