blocks|key|53800|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53801|www.w3schools.com|unordered-list-item|53802|http://www.w3.org/Style/CSS/learning|offset|length|53803|html+http://www.w3schools.com/html/|53804|jquery+www.learningjquery.com|53805|53806|我可以推荐的书：|53807|53808|CSS缺失的手册|53809|Head+First+HTML+With+CSS+&+XHTML+(O+Reilly)|53810|53811|entityMap|0|LINK|mutability|MUTABLE|url|1|http://www.w3schools.com/html/^0|0|0|0|10|0|0|5|U|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|13|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|14|7|@]|8|@]|9|$]]|$1|D|3|E|4|C|6|15|7|@]|8|@$F|16|G|17|1|18]]|9|$]]|$1|H|3|I|4|C|6|19|7|@]|8|@$F|1A|G|1B|1|1C]]|9|$]]|$1|J|3|K|4|C|6|1D|7|@]|8|@]|9|$]]|$1|L|3|-4|4|5|6|1E|7|@]|8|@]|9|$]]|$1|M|3|N|4|5|6|1F|7|@]|8|@]|9|$]]|$1|O|3|-4|4|5|6|1G|7|@]|8|@]|9|$]]|$1|P|3|Q|4|C|6|1H|7|@]|8|@]|9|$]]|$1|R|3|S|4|C|6|1I|7|@]|8|@]|9|$]]|$1|T|3|-4|4|5|6|1J|7|@]|8|@]|9|$]]|$1|U|3|-4|4|5|6|1K|7|@]|8|@]|9|$]]]|V|$W|$4|X|Y|Z|9|$10|E]]|11|$4|X|Y|Z|9|$10|12]]]]

<ul>
<li>www.w3schools.com</li>
<li><a href="http://www.w3.org/Style/CSS/learning" rel="nofollow noreferrer">http://www.w3.org/Style/CSS/learning</a></li>
<li>html <a href="http://www.w3schools.com/html/" rel="nofollow noreferrer">http://www.w3schools.com/html/</a></li>
<li>jquery www.learningjquery.com</li>
</ul>

Books I could recommend:

<ul>
<li>CSS the missing manual</li>
<li>Head First HTML With CSS &amp; XHTML (O Reilly) </li>
</ul>

blocks|key|1068686|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1068687|A+List+Apart|unordered-list-item|offset|length|1068688|Smashing+Magazine|1068689|CSS+Zen+Garden+(更多的是为了灵感，而不是实际的学习，但仍然)|1068690|1068691|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alistapart.com/|1|http://www.smashingmagazine.com/|2|http://www.csszengarden.com/^0|0|0|C|0|0|0|H|1|0|0|E|2|0|0^^$0|@$1|2|3|-4|4|5|6|W|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|X|7|@]|8|@$D|Y|E|Z|1|10]]|9|$]]|$1|F|3|G|4|C|6|11|7|@]|8|@$D|12|E|13|1|14]]|9|$]]|$1|H|3|I|4|C|6|15|7|@]|8|@$D|16|E|17|1|18]]|9|$]]|$1|J|3|-4|4|5|6|19|7|@]|8|@]|9|$]]|$1|K|3|-4|4|5|6|1A|7|@]|8|@]|9|$]]]|L|$M|$4|N|O|P|9|$Q|R]]|S|$4|N|O|P|9|$Q|T]]|U|$4|N|O|P|9|$Q|V]]]]

<ul>
<li><a href="http://www.alistapart.com/" rel="nofollow noreferrer">A List Apart</a></li>
<li><a href="http://www.smashingmagazine.com/" rel="nofollow noreferrer">Smashing Magazine</a></li>
<li><a href="http://www.csszengarden.com/" rel="nofollow noreferrer">CSS Zen Garden</a> (more for inspiration than actually learning, but still)</li>
</ul>

blocks|key|1068573|text|观看Douglas+Crockford+-来自YUI+Theater的JavaScript编程语言，学习一些javascript技巧。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1068574|对于超文本标记语言，我从HTMLDog学到了很多。我不认为它有任何更新，但它仍然是相关的，因为HTML+/+CSS规范自编写以来没有改变。|1068575|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/theater/|1|http://htmldog.com/^0|N|B|0|0|C|7|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Watch Douglas Crockford — The JavaScript Programming Language from <a href="http://developer.yahoo.com/yui/theater/" rel="nofollow noreferrer">YUI Theater</a> to learn some javascript skills.

For HTML, i Learned a lot from <a href="http://htmldog.com/" rel="nofollow noreferrer">HTMLDog</a>. I don't think it is updated any more but it is all still relevant, as the HTML / CSS Spec hasn't changed since it was written.

blocks|key|800728|text|对于CSS，你的第一站应该是Eric+Meyer's+site。他确实写了一本关于CSS的书(实际上是四五本)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|800729|entityMap|0|LINK|mutability|MUTABLE|url|http://meyerweb.com/eric/css/^0|E|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

For CSS, your first stop should be <a href="http://meyerweb.com/eric/css/" rel="nofollow noreferrer">Eric Meyer's site</a>. He literally wrote the book (four or five, actually) on CSS.

blocks|key|53852|text|根据我的经验，大多数关于HTML/CSS的教程都涵盖了它的sintax、标签含义、属性等。你可以在几天内涵盖它们，然后你很快就会忘记它们。在国际海事组织，最好先寻找设计，然后查看源代码，以便了解它们是如何制作的。通过这种方式，您将能够看到可以对标记/css组合执行哪些操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53853|你可以在下面的网站上看到一些免费的模板。|53854|Open+Source+Web+Development|offset|length|53855|Free+Web+Site+templates|53856|entityMap|0|LINK|mutability|MUTABLE|url|http://www.oswd.org/|1|http://www.freewebsitetemplates.com/^0|0|0|0|R|0|0|0|N|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$F|W|G|X|1|Y]]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@$F|10|G|11|1|12]]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]]]

In my experience, most of the tutorials about HTML/CSS cover its sintax, tag meanings, attributes ,etc. You can cover them in a few days, and then you can forget quickly. IMO, it is better to look for designs, then see the source in order to know how they're made. In this way, you will be able to see what you can do with tags/css combinations. 

You can see some free templates at the following sites.

<a href="http://www.oswd.org" rel="nofollow noreferrer">Open Source Web Development</a> 
<a href="http://www.freewebsitetemplates.com/" rel="nofollow noreferrer">Free Web Site templates</a>

blocks|key|2478821|text|我首先想到的是理解那些元语言的原因，你应该理解内容，视觉和功能之间的分离必须分开。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2478822|如果您了解RoR，就应该了解MVC模式。这里也是一样的。|2478823|试着去学习，为什么，你就会明白是怎么做的。|2478824|你还应该了解(x)html的语义，这是在做任何事情之前必须知道的。|2478825|为了有一个好的介绍，你可以读一读Markup+Guide，它向客户解释每一个xhtml标签。|offset|length|2478826|RegDwight给出的所有链接都应该是一个好的开始。|2478827|作为一个javascript库，我建议使用jQuery，它很完整，易于使用，学习曲线很短(但无论如何都是完整的)。|2478828|entityMap|0|LINK|mutability|MUTABLE|url|http://www.mezzoblue.com/downloads/markupguide/markupguide.html^0|0|0|0|0|G|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@$J|12|K|13|1|14]]|A|$]]|$1|L|3|M|5|6|7|15|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|16|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]]]

First thing that comes to me, will be to understand the reasons of those meta languages, you should understand that the separation between contents, visuals, and functionnalities must be separated.

If you know RoR, you should know about the MVC pattern. It's quite the same here.

Try to learn, why, and you will understand how.

You should also know about (x)html semantic which a must to know before doing anything.

To have a good introduction, you could give a read to the <a href="http://www.mezzoblue.com/downloads/markupguide/markupguide.html" rel="nofollow noreferrer">Markup Guide</a> which explains to clients every xhtml tags.

All links given by RegDwight should be a good start.

As a javascript library, i would advise jQuery, which complete, and easy to use, with a short learning curve (but complete anyway).

I would like to develop solid web development skills. I have some back-end knowledge (my weapon of choice is RoR), but I am absolutely terrible with HTML, CSS, Javascript, all the front-end / user interface stuff.

Do you know any good resources to develop HTMl/CSS skills? Javascript is more of a programming language, so I don't think it really fits within this question, but if you know any good resources, I'll also welcome those!

Resources to develop web front-end skills (CSS, etc)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想发展扎实的网络开发技能。我有一些后端知识(我选择的武器是RoR)，但我对HTML，CSS，Javascript，所有的前端/用户界面的东西都一窍不通。你知道有什么好的资源来培养HTMl/CSS技能吗？Javascript更像是一种编程语言，所以我不认为它真的适合这个问题，但是如果您知道任何好的参考资料，我也欢迎它们！

问开发web前端技能的资源(CSS等)
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问开发web前端技能的资源(CSS等)EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问开发web前端技能的资源(CSS等)
EN