HTML/CSS 我想问一下各位学习 css 有什么好的办法

liuhui998 · 2012年05月19日 · 最后由 michael 回复于 2012年08月26日 · 6273 次阅读

在项目上使用 rails 有了一段时间了

对我而言的最大问题是在 css 的使用上

设计师对于 css 不是很熟,所以有很大一部分 css 工作到我的头上。

我想问一下,css 学习领域有没有像:

railscasts.com

or

railscasts-china.com

这种网站

或是其它好的快速有效的学习方法

匿名 #1 · 2012年05月19日

http://www.w3school.com.cn/css/ 一直都是。。。基本就看一些定义就可以开发了 js、html 一样。。。

当时看了本无懈可击的 html 和 css,然后基本就是靠 chrome 看人家的样式表和 w3school 来学习了

多写。。。只有用过才会记住

匿名 #4 · 2012年05月19日

嘎嘎,说到这个,偶喜欢 firefox + firebug。。。用起来草鸡的顺手

匿名 #5 · 2012年05月19日

chrome 我一看就头疼,一坨坨我不需要的东西,堆在那

@help5305fff 嗯,调试的话目前还是 firebug 最好用,不过 firebug 的项目负责人前几个月跳槽到了 google 了, 说不定过段时间 chrome 的 css 调试使用起来就和 firebug 差不多了

@help5305fff @diudiutang 谢谢 平时也用 firebug 看看别人的 css, 但是要是自己全面的写起 css 来还是吃力。

#7 楼 @liuhui998 好奇吃力在哪? 至少入门部分查手册是无压力的吧

css 不难,把它写的结构化很难

#9 楼 @gaicitadie +1,要写好 css 从 html 时就该考虑如何结构化,还有一些部件重用。建议试用 sass 或 less,能嵌套做起来方便多了

建议看看网上有一教程 30 days to learn html & css,看完以后去研读 Twitter Bootstrap 或 HTML5 Boilerplate 代码,蛮好的。

如果是对着设计用 html 和 css 来实现且你的需求不是很复杂的话,加我新浪微博(@kevin__liu)联系,或许我可以帮你。

PS:我是程序员,css 方面可能没有你想象的专业,但也带过不少 “徒弟”。:D

#11 楼 @Juanito 好像还不错,优酷里有:

http://www.youku.com/playlist_show/id_16678901.html

不过是英文的,有空我细看一下,结合自己的经验讲一个中文的,争取做成 10 天快速的。

如果是新手来学 HTML 和 CSS, 不建议刚开始就用 less 或 sass

我刚开始做前端时还不流行 div+css,那个时候 sina 163...都是用表格,那个时候我的练习方式是截个他们首页的图,然后自己写 HTML 和 CSS 来切成页面,看到国外界面不错的网站,就做成自己 blog 的主题,经常折腾。

写 HTML: 结构尽量简单,正确且少嵌套,正常的使用标签,在没有 CSS 样式的情况下还能表达页面的内容结构 (GOOGLE:CSS 裸奔节)

CSS: 语义化的命名规则,如: header, footer, content, sidebar... ,个人不赞成使用太多的结构化命名,如:left-content, padding-top10, margin-right15...

错误写法:

<div>
  <div class="title">Title</div>
  <div class="content">
    这是一段文章内容,写的是<a herf="#"><div>xxx</div></a>...
  </div>
</div>

正确写法:

<div class="post">
  <h2>Title</h2>
  <p>
    这是一段文章内容,写的是<a herf="#"><span>xxx</span></a>...
  </p>
</div>

怎么想都觉得应该让设计师学一学,虽然要让他重新学有点难,但是技术本身不难。 其实 js 要写得好才真的难。。。

#12 楼 @kevin__liu 還有續集 30 days to learn jQuery, 期待中文的視頻!

谢谢大家 :)

我感觉多用一用就好多了,以前关于 CSS 也是很头疼,有一次不得不自己写一个静态网页,等写完以后就感觉 CSS 也没那么难吧。哈哈

#9 楼 @gaicitadie

“css 不难,把它写的结构化很难”

同感

#17 楼 @tiseheaini

以前要写 css 时都有人帮忙写好了,这一切会 css 的设计师刚好不在,所以必须自己走出这一步

边学边试

多用用就好了,做几个静态网页练练手

最近感受是,html & CSS 要符合 w3c 规范,主流浏览器兼容,的确需要一定的时间来学习;找本 o‘relly 的最新书看看可能会好一些

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册