码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-31 23:27:37      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:des   android   style   blog   http   color   ar   java   sp   

小弟刚刚实习,做了三个月的开发,也完成了一个Android的开发项目,虽说很有满足感,可天天对着代码,逻辑啊,不免产生了一些困顿与厌倦之感。而且有的时候,功能做出来了,只是因为界面过于单调,而受到客户的“唠叨”,由此可见,用户体验非常重要,学习一下前端与UI设计对于开发来说也是很有用处的。用了两天的时间,看了一下慕课网上的HTML+CSS教程,给我的感觉是,HTML+CSS虽说不如c,java那样抽象,但是内容很多,很杂,初学的话,综合应用起来也不是很容易,很有必要记录,总结一下。

先看一下web前端的学习路线吧!

bubuko.com,布布扣

所以,学习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(一)

标签:des   android   style   blog   http   color   ar   java   sp   

原文地址:http://www.cnblogs.com/Yandroid/p/4066142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!