HTML頁面佈局

時間 2019-11-12

標籤 html 頁面佈局欄目 HTML 简体版

原文原文鏈接

　　接下來的下面代碼，只是給了一個大的前端編寫佈局，若是你已是牛人了，就當沒看到，若是是一些初學者，不妨拿去用用，裏面也寫了一些經常使用的css樣式，如今雖然有不少牛逼的前段框架，用起來也很是駕輕就熟，可是若是你要對本身不少定製化需求，最後確定是要本身來編寫前端頁面的css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--網頁標題-->
    <title>我搜</title>
    <!--網頁圖標-->
    <link rel="icon" href="//www.jd.com/favicon.ico">
    <!--文件引入CSS樣式-->
    <link rel="stylesheet" href="niubi.css">
    <style>
        *{
           margin:0px;
           border:0px;
           padding:0px;
           font-size:14px;
        }
        ul{
            list-style:none;
        }
        .test{
            border:2px yellow bolid;
        }
        a{
            text-decoration:none;
        }
        body{
            background:white;
        }
        .w{
            width:980px;
            margin:0 auto;
        }
        .clear{
            clear:both;
        }
        .d{
            position:relative;
        }
    </style>
</head>
<body>
    <!--頁面佈局-->
    <div class="pg-header">
        <div class="w"></div>
    </div>
    <div class="pg-body">
        <div class="w"></div>
    </div>
    <div class="pg-foot">
        <div class="w"></div>
    </div>

    <!--文件引入js-->
    <script src="jquery-1.8.2.js"></script>
    <script>
        //增長其餘代碼
    </script>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。