昨天主要学了网页的布局,才发现布局好了,可以省好多事,没有布局好,需要不停的调试,还学样式中的position,它有两个属性:

    relativ:相对的,它是相对自身原来的位置移动。表示方法position:relative;top:20px;left:30px;

    absoulte:相对自身具有position属性的父级元素移。

   样式的三种表示方法:

     1.引入外部样式;要用<link rol="stylesheet" href="">

     2.内部样式,在<style></style>中设置;

     3.行内样式。


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet" href="./css/buju.css">

</head>

<body>

<!-- 最大的div -->

<div id="main">

<div id="banner"></div>

<div id="lunbo"></div>

<div id="body">

<!-- 核心业务大div -->

<div id="left">

<div id="shouhang"></div>

<div class="img"></div>

<div class="img"></div>

<div class="img"></div>

<div class="img"></div>

</div>

<!-- 文章大div -->

<div id="right">

<div class="s"></div>

<div id="view"></div>

<div class="s"></div>

<div id="contact"></div>

</div>

</div>

<div id="foot"></div>


</div>


</body>

</html>