CSS提示和技巧

时间:2009-08-14 15:21:09

标签: css

我对CSS有一点经验但是当我遇到像'液体布局'和'人造柱'这样的技术和术语时,我总是迷糊糊糊。我花了相当多的时间阅读有关CSS的文献,但我找不到一个全面的资料来详细说明所有这些提示和技巧(或某些人喜欢的'黑客')。

我有一种感觉,这些提示&如果我能够胜任网页设计,那么技巧就非常重要。有人知道这么全面的资源吗?

编辑:谢谢你的帮助。我会仔细阅读每一个,并在此列出一份清单供大家参考。

5 个答案:

答案 0 :(得分:7)

另一个内容丰富的网站是A List Apart,更具体地说是page on CSS

答案 1 :(得分:3)

虽然它没有提供解释,但我经常访问CSS Zen Garden以获取想法。它允许您从一个页面跳到另一个页面,保持相同的内容......只需更改CSS。

一些非常好的例子......你可以查看所有想法的来源!

答案 2 :(得分:2)

Smashing Magazine总是有一些好东西。它们更像是与设计相关的所有内容的存储库。如果我正在尝试研究某些东西,我会发现自己经常去那里。

编辑:这是指向CSS category

的链接

答案 3 :(得分:1)

你签出了CSS Beauty吗?

答案 4 :(得分:1)

我最近了解了这两种常见类型的css选择here

使用“直接选择”elementtype.class{}elementtype#id{}直接将元素应用于元素。 - 对于每次使用规则时想要影响的样式,例如。边距更改,显示更改,非继续字体更改。 (直接选择不会继承到子元素,它仅应用于父元素。)

使用“后代选择”.class elementtype{}#id elementtype将样式应用于命名或归类元素的后代/子级。 对于旨在更改元素类型外观的样式,在页面的一个元素内/应用它的位置。例如。继承字体更改到文本节,继承格式更改为段落或列表元素。 (后代选择适用于所有子元素,但不适用于父元素。)

还有其他有用/必要的选择方法。但这是一个基本的区别,我花了太长时间才发现。

PS。我想在这里找到一个好的CSS提示线程。