小弟刚刚实习，做了三个月的开发，也完成了一个Android的开发项目，虽说很有满足感，可天天对着代码，逻辑啊，不免产生了一些困顿与厌倦之感。而且有的时候，功能做出来了，只是因为界面过于单调，而受到客户的“唠叨”，由此可见，用户体验非常重要，学习一下前端与UI设计对于开发来说也是很有用处的。用了两天的时间，看了一下慕课网上的HTML+CSS教程，给我的感觉是，HTML+CSS虽说不如c,java那样抽象，但是内容很多，很杂，初学的话，综合应用起来也不是很容易，很有必要记录，总结一下。
先看一下web前端的学习路线吧！
所以，学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等（现在貌似都是用HTML5了，不过先从基础学起吧！）。
2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
下面来看一段实例代码：
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>Html和CSS的关系</title> 6 <style type="text/css"> 7 h1{ 8 font-size:12px; 9 color:#930; 10 text-align:center; 11 } 12 </style> 13 </head> 14 <body> 15 <h1>Hello World!</h1> 16 </body> 17 </html>
标签<h1></h1>就是一个简单的HTML标签，而其中包裹的内容就是一段css样式，分别改变了字体大小，颜色以及文本的对齐方式。
好了，这就是对于HTML+CSS的简介，codes change the world!明天继续！
原文：http://www.cnblogs.com/Yandroid/p/4066142.html