昨天主要學了網頁的佈局,才發現佈局好了,可以省好多事,沒有佈局好,需要不停的調試,還學樣式中的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>