我正在使用Django框架，并且对使用Python的后端逻辑非常熟悉，但令我困扰的是我必须使用CSS的前端位。如何轻松学习CSS的工作原理，还是可以使用一种工具轻松地为Django创建前端界面？
答案 0 :(得分：11)
一个字。它会改变你的生活： FIREBUG。
作为一名UI开发人员，我通过反复试验了解了解我所知道的很多内容。虽然可能有10种方法可以执行任何与UI相关的任务，但是有更好（和更有效）的方法。查看A List Apart。可能是我最喜欢的UI / CSS博客。
此外，为了了解浏览器如何呈现HTML的复杂性，总是在尽可能多的浏览器中检查您的设计。避免使用浏览器黑客。你真的不必使用它们;如果浏览器出现问题，那么你应该重新考虑你把事情放在一起的方式。在任何时候，我都在我的电脑上打开Firefox 3，IE6，IE7和Safari / win，检查我的所有工作。
另一种学习方法是挑战自己：在某处找到一些免费设计并尝试使用无表格布局来模拟它们。熟悉浮动和边距的概念。请记住始终使用doctype！
答案 1 :(得分：7)
有一些很好的在线教程，可以是sitepoint或w3 schools。
答案 2 :(得分：4)
CSS本身相当容易理解，其他答案指向了很多优秀的CSS资源。真正的挑战是学习每个浏览器中的所有怪癖和错误，这需要花费很多时间。
你绝对应该花些时间来学习CSS的工作原理，但如果你想现在就开始使用新手而不担心很多问题，我建议你使用一个所谓的CSS框架。
以下是一些众所周知的：
我已经成功地使用了Django的Blueprint和Emastic模板。
雅虎！ YUI网格还有一个额外的优势，就是有一个Django应用程序，专门用于使用名为django-yui-layout-templates的Django的YUI网格
如果您从其中一个框架开始，您可以构建网站现在，然后在您了解怪癖时逐渐开发自己的CSS。
答案 3 :(得分：3)
我的唯一提示是黑客入侵网站。如果您喜欢这种设计，请将其破解。 使用firebug是一个很好的步骤，因为它为您提供了计算的CSS。
但是，真正学习CSS绝非易事。抱歉告诉你。
答案 4 :(得分：2)
我通过转到CSS Zen Garden了解了很多关于CSS的知识。灵感和学习资源在一个地方。
答案 5 :(得分：2)
Firefox Web Developer toolbar中的“编辑CSS”功能允许您编辑文件的CSS内容并实时查看结果。它使实验更快更容易。
当你创建了一个很棒的样式表时，在Internet Explorer中查看它，哭泣，并开始学习如何跨浏览器CSS。一个好的开始是quirksmode。
答案 6 :(得分：1)
我必须同意这是一个很多的试验和错误。有时候有很多方法可以达到你需要的......比其他方法更“适当”。 CSS Zen Garden是我发现的第一个真正有助于点击我自己头脑的网站之一。查看设计，查看源代码，查看设计等...
我很欣赏有几本书Dan Cederholm's Bullet Proof Web Design和
Andy Budd的CSS Mastery
两者都为实现基于CSS的设计遇到的一些常见技术和问题提供了坚实的方法。
答案 7 :(得分：0)
答案 8 :(得分：0)
我读过的关于CSS和HTML的最好的书是Zeldman的Designing with Web Standards
Zeldman介绍了HTML和CSS的历史方面，以及将基于表格的网站转换为语义CSS。他还介绍了Web标准，优雅降级和浏览器怪癖。它通常被认为是现代网络开发的“圣经”。
之后我会推荐Dan Cederholm的书Web Standards Solutions和Bulletproof Web Design
答案 9 :(得分：0)
我有Mike McGrath的书“简单的CSS”。它有很多图片可以直观地解释发生了什么。获得对CSS的深刻理解非常方便。学完基础知识后，与人交谈或在线阅读示例会很有帮助。我发现自己要去IRC（Freenode）的#css寻求帮助。他们在那里非常有帮助。
答案 10 :(得分：0)
我第二次（第三次？）使用Firebug的建议。它会保持你的理智。
我读过关于CSS设计的一本好书是Wyke-Smith的Stylin' with CSS。它可能不是最好的标题，但内容和演示非常好。每当我需要深入研究样式表时，我都会随身携带我的副本。
答案 11 :(得分：0)
如果你在Mac上进行开发CSSEdit将节省大量时间。
答案 12 :(得分：0)
在this question中有更多关于学习CSS的建议。
答案 13 :(得分：0)
CSS实际上并不那么容易 - 它在概念方面独树一帜。
如果你深入研究它，CSS: The Definitive Guide非常值得。
答案 14 :(得分：0)
最好的方法是改变您的思考方式。
使大多数人都无法使用CSS的原因在于，它是一种“样式”语言，而不是您用来构建和构造供用户使用的基于Web的UI的语言。
以正确的方式看CSS可以极大地帮助您提高热情。最终将使您比其他人学到更多。
本文详细介绍了以下一般概念：How To Get Better At CSS
答案 15 :(得分：-1)
嗯，按照我的想法，Eclipse是每个编码工作最需要的工具。
这个工具只是为了编码而改变了我的生活。所以我100％建议您在编码时使用此工具。它适用于任何平台：PHP，HTML，CSS，无论它是什么，这都是一个明显的工具。
关于此工具的最重要的评论之一就是告诉您是否会发生错误。
假设您编写了很少的CSS代码并犯了一个错误。然后它会告诉你错误发生的地方。
body
{
background-color: #D0E4FE
}
h1
{
color: orange;
text-align: center;
}
p
{
font-family: "Times New Roman";
font-size: 20px;
}
在上面的代码中，我没有在 background-color 行中添加分号。看起来应该是这样的。
背景色：＃D0E4FE;
如果发生此错误，此工具将显示一条消息，询问错误。所以这是一个很棒的工具。
嗯，另一种方式是W3Schools CSS。这是一个更好的学习场所。