首页 > 代码库 > “前端大法”第一重----CSS+HTML(一)

“前端大法”第一重----CSS+HTML(一)

小弟刚刚实习,做了三个月的开发,也完成了一个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!明天继续!

“前端大法”第一重----CSS+HTML(一)