“前端大法”第一重----CSS+HTML（一）

浏览数：40 / 时间：2015年06月09日

小弟刚刚实习，做了三个月的开发，也完成了一个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>