使用DIV+CSS完成注冊頁面的優化
需求分析
由于我們的注冊頁面也是用table布局的,存在與首頁同樣的問題,所以我們需要使用div+css對我們的注冊頁面進行美化
技術分析
CSS的盒子模型: 萬物皆盒子
內邊距:
padding-top
padding-right
padding-bottom
padding-left
padding:10px; 上下左右都是10px
padding:10px 20px; 上下是10px 左右是20px
padding: 10px 20px 30px; 上 10px 右20px 下30px 左20px
padding: 10px 20px 30px 40px; 上右下左, 順時針的方向
外邊距:
margin-top
margin-right
margin-bottom
margin-left
CSS絕對定位:
? position: absolute
? top: 控制距離頂部的位置
? left: 控制距離左邊的位置
步驟分析
- 總共是5部分
- 第一部分是LOGO部分
- 第二部分是導航選單
- 第三部分是注冊部分
- 第四部分是FOOTER圖片
- 第五部分是一堆超鏈接
代碼實作
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href=https://www.cnblogs.com/zllk/p/"../css/main.css"/>
<body>
