某某大學靜態頁面

来源:http://www.cnblogs.com/dzlx/archive/2017/12/12/8029775.html
-Advertisement-
Play Games

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; list-style-type: no ...


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            text-decoration: none;
        }
        body{
            background-color: rgb(242,242,242);
        }
        span a{
            font-size: 12px;
        }
        .backg-styl{
            background-image: url("imgs/bgz.jpg");
            width: 1060px;
            margin: 0px auto;
            background-repeat: repeat-y;
        }
        .text-styl{
            width: 1000px;
            margin: 0px auto;
        }
        .bg-styl{
            background-image: url("imgs/top.jpg");
            height: 150px;
            width: 1000px;
            background-repeat: no-repeat;
            background-position: 0px 0px;
        }
        .lian-styl >span{
            font-size: 12px;
            float: right;
            margin-right: 5px;
        }
        .daohang-styl{
            background-color: #275d89;
        }
        .daohang-styl >ul >li{
            float: left;
            padding: 5px 29px;
            background-image: url("imgs/solid.gif");
            background-position: right center;
            background-repeat: no-repeat;
        }
        .daohang-styl >ul >li:hover{
            background-color: #1f4a6e;
        }
        .daohang-styl a{
            color: white;
            font-size: 14px;
        }
        .daohang-styl a:hover{
            text-decoration: none;
        }
        .gy-styl{
            padding: 0px 5px;
            background-color: #f7f7f7;
            color: #666666;
            border: 1px solid #e6e6e6;
            width: 987px;
        }
        .gyu-styl >span{
            padding: 5px 7px;
            float: left;
            font-size: 12px;
        }
        .sousuo-styl{
            display: inline-block;
            vertical-align: top;

            padding: 5px 42px;
            float: right;
        }
        .gy-styl.sousuo-styl{
            vertical-align: top;
            display: inline-block;
            padding-top: 4px;
        }
        .gyu-styl a{
            color: #666666;
        }
        .sousuo-styl >span{
            font-size: 12px;
        }
        .big-styl{
            height: 500px;
            width: 997px;
            padding: 9px 0px 0px 0px;
            border: 1px solid #f0f0f0;
        }
        .bk-styl{
            background-color:#f7f7f7 ;

            padding: 1px 0px 0px 0px;
            width: 194px;
            height: 456px;
            float: left;
        }

       .left-styl li{
           margin-top: 0px;
       }
        .right-styl{
           width: 707px;
            height: 431px;
            float: right;
            margin-right: 35px;
           padding: 0px 15px;
            border: 1px solid #f0f0f0;
        }
        .top-styl{
            width: 721px;
            height: 208px;
            padding: 0px 0px 0px 0px;
            border: 1px solid #f0f0f0;
        }
        .top-styl img{
            float: left;
        }
        .rg-styl{
            float: right;
            width: 425px;
            height: 194px;

        }
        .rg-styl h1{
            font-weight: normal;
            font-size: 18px;
            float: left;
        }
        .rg-styl a{
            float: right;

        }
        .g-styl{
            color: rgb(25, 68, 118);
            font-family: "微軟雅黑";
            font-size: 18px;
            font-weight: normal;
        }
        .gg-styl a{
            color: #f06217;
            font-size: 12px;
        }
        .nn-styl{
            line-height: 28px;

        }
        .nn-styl li{
            float: left;
            background: url("imgs/icon.gif") left center no-repeat;
            padding-left: 5px;
        }
        .nn-styl a{
            font-size: 12px;
            color: #666666;
            float: left;
        }
        .nn-styl i{
            font-size: 12px;
            color: #666666;
            float: right;
        }
      .nrs-styl li{
          float: left;

          background: url("imgs/icon.gif") left center no-repeat;
          padding-left: 5px;

      }
        .nrs-styl a{
            color:#666666;
            font-size: 12px;
        }
        .nrs-styl i{
            float: right;
            font-style: normal;
            color: #666666;
        }
        a:hover{
            text-decoration: underline;
        }
        .xia-styl{
            width: 721px;
            height: 240px;
            border: 1px solid #f0f0f0;
            padding: 0px 0px 0px 0px ;
            background: url("imgs/casebg.jpg");
        }
        .shang-styl{
            width: 721px;
            height: 132px;

        }
        .zuoyi-styl{
            float: left;
            width: 339px;
            height: 104px;
            padding: 0px 0px 0px 0px ;

        }
        .zuoyi-styl img{
            padding: 7px 0px 0px 8px ;
            float: left;
        }
        .rgg-styl{
            width: 203px ;
            height: 102px;
            float: right;
        }
        .nrss-styl li{
            float: left;
            background: url("imgs/icon.gif") left center no-repeat;
            padding-left: 5px;
        }

        .nrss-styl{
            font-size: 12px;
            color: #666666;
            line-height: 28px;
            float: right;
        }
        .youyi-styl{
            float: right;
            width: 332px;
            height: 103px;
            padding: 0px 0px 0px 0px ;

        }
        .youyi-styl img{
            padding: 7px 0px 0px 8px ;
            float: left;
        }

    .rrgg-styl{
        width: 197px ;
        height: 102px;
        float: right;
    }
       .xia1-styl{
            width: 721px;
            height: 104px;

            padding: 0px 0px 12px 0px ;
        }
    .zuoer-styl{
        float: left;
        width: 354px;
        height: 114px;
        padding: 0px 0px 0px 0px ;


    }
        .zuoer-styl img{
            padding: 7px 0px 0px 8px ;
            float: left;
        }
    .nrsss-styl{

            font-size: 12px;
            color: #666666;
            line-height: 28px;
            float: right;

    }
        .nrsss-styl li{
            float: left;
            background: url("imgs/icon.gif") left center no-repeat;
            padding-left: 5px;
        }
    .zzgg-styl{
        width: 217px ;
        height: 102px;
        float: right;
    }
    .youer-styl{
        float: right;
        width: 332px;
        height: 103px;
        padding: 0px 0px 0px 0px ;

    }
    .youer-styl img{
        padding: 7px 0px 0px 8px ;
        float: left;
    }
    .nrss-styl a{
        color: #666666;
    }
    .ggs-styl a{
        color: #f06217;
        font-size: 12px;
        padding: 0px 15px 0px 0px ;
    }
    .nrsss-styl a{
        color: #666666;
    }
    .zui-styl{
        height: 49px;
        border-top: 1px solid #e0e0e0;
        background: #f2f2f2;
        line-height: 49px;
        width: 1048px;
    }
    .zui-styl p{
        color: #666666;
        font-family: "微軟雅黑";
        padding-left: 32px;
        font-size: 12px;
    }
    .yy{
        text-align: center;
    }
    </style>
</head>
<body>
    <div class="backg-styl">
        <div class="text-styl">
            <div class="bg-styl">
            <div class="lian-styl">
                    <span>|<a href="#">簡體</a></span>
                    <span><a href="#">Deutsch</a></span>
                    <span><a href="#">English </a>||</span>
                <div style="clear: both"></div>
            </div>
            </div>
            <div class="daohang-styl">
                <ul>
                    <li style="<a href="#">首頁</a></li>
                    <li><a href="#">部門概況</a></li></li>
                    <li><a href="#">校情公開</a></li></li>
                    <li><a href="#">制度規程</a></li></li>
                    <li><a href="#">服務指南</a></li></li>
                    <li><a href="#">工作動態</a></li></li>
                    <li><a href="#">學習資料</a></li></li>
                    <li><a href="#">一周安排</a></li></li>
                    <li><a href="#">簡報簡訊</a></li></li>
                </ul>
                <div style="clear: both"></div>
            </div>
            <div class="gy-styl">
                <div class="gyu-styl">
                    <span>今天是：2014年3月35日 星期二&nbsp;&nbsp;&nbsp;</span>
                    <span><a href="#">歡迎您訪問某某科技學院學校辦公室網站!</a></span>

                </div>
                <div class="sousuo-styl" >
                    <span>搜索 </span><input type="text" style=" height: 18px"/><input type="button" style="width: 61px" value="查詢"/>
                    <div style="clear: both"></div>
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="height: 10px"></div>
                <div class="big-styl">
            <div class="bk-styl">
                    <ul>
                        <li style="margin-top: 0px"><a href="#"> <img src="imgs/n1.jpg" title="協同辦公系統" alt="協同辦公系統"></a></li>
                        <li><a href="#"> <img src="imgs/n2.jpg" title="信息公開網" alt="信息公開網"></a></li>
                        <li><a href="#"> <img src="imgs/n3.jpg" title="書記校長信箱" alt="書記校長信箱"></a></li>
                        <li><a href="#"> <img src="imgs/n4.jpg" title="相關鏈接" alt="相關鏈接"></a></li>
                        <li><a href="#"> <img src="imgs/n5.jpg" title="聯繫我們" alt="聯繫我們"></a></li>
                    </ul>
                <img src="imgs/weixin.jpg">
            </div>
                    <div class="right-styl" >
                        <div class="top-styl">
                            <img src="imgs/pic.jpg">
                            <div class="rg-styl">
                                <h1 class="g-styl" style="float: left;">工作動態</h1>
                                <span class="gg-styl" style="float: right"><a href="#">更多>></a></span>
                                <div style="clear: both"></div>
                                <ul class="nn-styl">
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                    <li><a href="#">路甬祥郝平肯定學校發展成績並作出重要指示</a><i>[2014-04-06]</i></li>
                                </ul>
                            </div>
                            <div style="clear: both"></div>
                        </div>

 

                        <div class="xia-styl">
                            <div class="shang-styl">
                            <div class="zuoyi-styl">
                                <img src="imgs/p1.jpg">
                                <div class="rgg-styl">
                                    <h1 class="g-styl" style="float: left">高校視野</h1>
                                    <span class="gg-styl" style="float: right"><a href="#">更多>></a></span>
                                    <div style="clear: both"></div>
                                    <ul class="nrss-styl">
                                        <li><a href="#">路甬祥郝平肯定學校發展成績並作出</a></li>
                                        <li><a href="#">美國布里奇波特大學校長一行訪問我</a></li>
                                        <li><a href="#">巴比什波雅依大學孔院參加克魯日城</a></li>
                                        <div style="clear: both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="youyi-styl">
                                <img src="imgs/p2.jpg">
                                <div class="rrgg-styl">
                                    <h1 class="g-styl" style="float: left">服務指南</h1>
                                    <span class="gg-styl" style="float: right"><a href="#">更多>></a></span>
                                    <div style="clear: both"></div>
                                    <ul class="nrss-styl">
                                        <li><a href="#">路甬祥郝平肯定學校發展成績並作出</a></li>
                                        <li><a href="#">美國布里奇波特大學校長一行訪問我</a></li>
                                        <li><a href="#">巴比什波雅依大學孔院參加克魯日城</a></li>
                                        <div style="clear: both"></div>
                                    </ul>
                                </div>
                            </div>
                                <div style="clear: both"></div>
                            </div>
                         <div class="xia1-styl">
                            <div class="zuoer-styl">
                                <img src="imgs/p3.jpg">
                                <div class="zzgg-styl">
                                    <h1 class="g-styl" style="float: left">簡報簡訊</h1>
                                    <span class="ggs-styl" style="float: right"><a href="#">更多>></a></span>
                                    <div style="clear: both"></div>
                                    <ul class="nrsss-styl">
                                        <li><a href="#">路甬祥郝平肯定學校發展成績並作出</a></li>
                                        <li><a href="#">美國布里奇波特大學校長一行訪問我</a></li>
                                        <li><a href="#">巴比什波雅依大學孔院參加克魯日城</a></li>
                                        <div style="clear: both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="youer-styl">
                                <img src="imgs/p4.jpg">
                                <div class="rrgg-styl">
                                    <h1 class="g-styl" style="float: left">服務指南</h1>
                                    <span class="gg-styl" style="float: right"><a href="#">更多>></a></span>
                                    <div style="clear: both"></div>
                                    <ul class="nrss-styl">
                                        <li><a href="#">路甬祥郝平肯定學校發展成績並作出</a></li>
                                        <li><a href="#">美國布里奇波特大學校長一行訪問我</a></li>
                                        <li><a href="#">巴比什波雅依大學孔院參加克魯日城</a></li>
                                        <div style="clear: both"></div>
                                    </ul>
                                </div>
                            </div>
                         </div>

                        </div>
                    </div>
                </div>
        </div>
        <div class="zui-styl">
           <p>版權所有  某某科技學院校園學校辦公室 [email protected]　ICP備05014576號  地址：某某市留和路318號  郵編：310023 </p>

        </div>
        </div>
                <div style="clear: both"></div>
            </div>
        </div>
            </div>
        </div>
    </div>
    <div class="yy"><img src="imgs/footyy.jpg"></div>
</body>
</html>

效果圖：

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • javascript設計模式——策略模式
    [1]獎金計算 [2]策略模式 [3]緩動動畫 [4]表單校驗 [5]總結 ...
  • javascript設計模式——單例模式
    [1]標準單例 [2]透明單例 [3]代理實現單例 [4]惰性單例 [5]通用惰性單例 ...
  • Angular利用@ViewChild在父組件執行子組件的方法
    代碼如下： @Component({ selector: 'my app', template: ` ` }) export class AppComponent{ //利用模板變數stepBar獲取子組件的引用 @ViewChild('stepBar') stepBar: StepBarCompo ...
  • input獲得焦點和失去焦點
    總結：placeholder因為在IE7 8 9 瀏覽器不支持所以沒用它效果：當input獲取游標的時候如果是預設提示則input內容為空。如果不是則為輸入內容 當失去游標的時候，如果input內容為空，則恢復預設提示，如果不是則為輸入內容 jquery中獲取input的值用val() 設置使用$( ...
  • Visual Studio Code 通過 Chrome插件Type Script斷點調試Angular 2
    1、 下載Visual Studio Code （https://code.visualstudio.com/） 2、 安裝插件Debugger for chrome 3、 確定tsconfig.json配置 "sourceMap": true 4、 生成調試配置文件launch.json 5、 設 ...
  • 為什麼要初始化CSS?
    因為瀏覽器的相容問題，不同瀏覽器對有些標簽的預設值是不同的，如果沒對CSS初始化往往會出現瀏覽器之間的頁面顯示差異。 當然，初始化樣式會對SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化 body, h1, h2, h3, h4, h5, h6, hr, p, blockquot ...
  • JS數據類型轉換記錄
    一、數據類型： 原始數據類型：Boolean/ Null / Undefined / Number / String / Symbol(ES6中新增數據類型) 對象：Object 二、類型轉換 1）顯示類型轉換： a. Number函數 b. String函數 c.Boolean函數 2） 顯示類型 ...
  • 盒子的多樣式
    <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <div style="height: 40px;"> <div style="width: 1000px;margin ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類