你的位置:首页 > 软件开发 > 网页设计 > html学习笔记——ife task0001

html学习笔记——ife task0001

发布时间:2017-04-28 00:00:34
花了两三天大概看完html和css基本用法,但到自己布局的时候还是很懵不知道从哪里入手啊,就找了个简单的任务(ife2015 spring)试一下。之前不涉及到布局的跳过,从涉及到position和float的开始,这一块看的有点晕,结合下面的例子搞懂了。例:用两种方法来实现一个 ...

花了两三天大概看完html和css基本用法,但到自己布局的时候还是很懵不知道从哪里入手啊,就找了个简单的任务(ife2015 spring)试一下。

之前不涉及到布局的跳过,从涉及到position和float的开始,这一块看的有点晕,结合下面的例子搞懂了。

例:用两种方法来实现一个背景色为红色、宽度为960px<DIV>在浏览器中居中。我用了三种方法。代码如下:

 

<html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="task0001_css.css"><title>task0001</title><style type="text/css">a:link {text-decoration: none;}a:visited {color: black;}a.hover{text-decoration:underline;}a:active {color:yellow;}</style></head><body><h1> MyGitbubAccountName:SMQ</h1><ul><li><a href="https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0001"><span>homepage</span></a></li><li><a href="http://www.douban.com" target="_blank"><span>douban</span></a></ul><h2>这是二级标题</h2><p>这里有一个文字段落这里有一个文字段落  这里有一个文字段落这里有一个文字段落</p><div class="box1">div1</div><br><div class="centerbox">  <div class="box2">div2</div></div><br> <div class="box3">div3</div></body></html>

原标题:html学习笔记——ife task0001

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。