position：absolute;絕對定位
position：absolute;（表示絕對定位）,這條語句的作用是將元素從文檔流中拖出來叛拷，然后使用left、right岂却、top忿薇、bottom屬性相對于其最接近定位屬性的父包含塊進行絕對定位裙椭。如果不存在這樣的包含塊，則相對于body元素署浩，即相對于瀏覽器窗口揉燃。
<div id="zhezhao" style="padding:0;margin:0;position: absolute; width:100%;height:100%; background-color:gray;z-index: 100;opacity:0.5;filter:alpha(opacity=50)"></div>
1、遮罩效果的div就是相對于body元素（瀏覽器窗口的定位）
2筋栋、paying：0炊汤；margin：0 清除div樣式。
3弊攘、width:100%;height:100%抢腐；全屏顯示
4、z-index：設(shè)置元素的堆疊順序襟交。值越大越在頂層迈倍。
5、opacity:0.5;filter:alpha(opacity=50)：設(shè)置透明度捣域，兩種是為了適配不同瀏覽器
<div id="xuanfudiv" style=" position: absolute;background-color:white;border-radius:5px; z-index: 100;margin-left:30%; margin-right:30%; margin-top:100px; height:auto ;font-size:20px; color:black;text-align: center;">
1啼染、懸浮效果div也是相對于body元素（瀏覽器窗口的定位）
2、border-radius:5px;設(shè)置圓角效果
3焕梅、margin-left:30%; margin-right:30%; margin-top:100px; height:auto ;左右相對于瀏覽器窗口成比例迹鹅，會呈現(xiàn)居中效果，頂部設(shè)置固定值贞言，高度自適應(yīng)斜棚。
4、text-align: center;這個是為了讓它里面的文本按鈕等等都具有居中效果蜗字，如果不需要居中可以再進行設(shè)置
contentdiv 和 ggdiv 最簡單
<div id="innerdiv" style="text-align: left;text-indent:30px;line-height:35px; padding:0 20px; font-size:14px;">
按照省政府關(guān)于推進政府網(wǎng)站集約化建設(shè)的通知精神打肝，關(guān)停，原有業(yè)務(wù)咨詢挪捕、表格下載等相關(guān)功能將遷至baidu網(wǎng)站
（<a >https://www.baidu.com</a>）粗梭。
給您帶來的不便，敬請諒解级零。
</div>
1断医、innerdiv具體文字div text-indent:30px;首行縮進
2、line-height:35px;行高----變相設(shè)置行間距
3奏纪、padding:0 20px;innerdiv的內(nèi)邊距鉴嗤，是為了好看，左右留白
4序调、a標簽是常見用法
<div id="closediv" style="margin:0;padding: 0; padding-bottom:20px">
<!--關(guān)閉按鈕-->
<input id="closebutton" type="button" style=" width:100px; height:30px;background-color:blue; color:white ; font-size:15px; border-radius:5px; cursor:pointer; font-weight:bold;border:none" value="關(guān) 閉" onclick="CloseBtn()" />
</div>
1醉锅、closediv padding-bottom:20px距離底部20px
2、border:none发绢；是為了清除button的邊框樣式硬耍，也可以通過再設(shè)置別的border方法
3垄琐、cursor:pointer; 鼠標指針變成 手 的形狀
使用position：absolute可以實現(xiàn)被設(shè)置元素相對于瀏覽器body設(shè)置定位。
使用absolute和relative配合使用经柴，可以實現(xiàn)被設(shè)置元素相對于其他元素的定位狸窘。
<script>
function CloseBtn() {
$("#xuanfudiv").hide();
$("#zhezhao").hide();
}
</script>
1、script中實現(xiàn)button的點擊方法坯认，對懸浮div和遮罩div進行隱藏翻擒。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function CloseBtn() {
$("#xuanfudiv").hide();
$("#zhezhao").hide();
}
</script>
</head>
<body>
<form>
<div id="zhezhao" style="padding:0;margin:0;position: absolute; width:100%;height:100%; background-color:gray;z-index: 100;opacity:0.5;filter:alpha(opacity=50)"></div>
<div id="xuanfudiv" style=" position: absolute;background-color:white;border-radius:5px; z-index: 100;margin-left:30%; margin-right:30%; margin-top:100px; height:auto ;font-size:20px; color:black;text-align: center;">
<div id="contentdiv" style="text-align: center;margin-top:20px;">
<!--公告-->
<div id="ggdiv" style="font-size:20px;font-weight:bold">公告</div>
<!--內(nèi)容-->
<div id="innerdiv" style="text-align: left;text-indent:30px;line-height:35px; padding:0 20px; font-size:14px;">
按照省政府關(guān)于推進政府網(wǎng)站集約化建設(shè)的通知精神，關(guān)停牛哺，原有業(yè)務(wù)咨詢陋气、表格下載等相關(guān)功能將遷至baidu網(wǎng)站
（<a >https://www.baidu.com</a>）。
給您帶來的不便荆隘，敬請諒解恩伺。
</div>
</div>
<div id="closediv" style="margin:0;padding: 0; padding-bottom:20px">
<!--關(guān)閉按鈕-->
<input id="closebutton" type="button" style=" width:100px; height:30px;background-color:blue; color:white ; font-size:15px; border-radius:5px; cursor:pointer; font-weight:bold;border:none" value="關(guān) 閉" onclick="CloseBtn()" />
</div>
</div>
<div class="main_body_bottom">
概述/背景項目在開發(fā)過程中的版本，和在發(fā)布時的版本應(yīng)該有所區(qū)別椰拒。發(fā)布的版本應(yīng)該保證一個版本號對應(yīng)唯一的內(nèi)容。之前遇到過一個項目凰荚，因為pom中的版本號沒有-SNAPSHOT燃观，導(dǎo)致兩個環(huán)境依賴的項目雖然版本號相同，其實不是同一個便瑟。當(dāng)時得出結(jié)論：相同的版本號只應(yīng)該對應(yīng)一個內(nèi)容缆毁。后來系統(tǒng)學(xué)習(xí)了下Maven，才具體了解到Maven體系中關(guān)于項目版本的標準到涂，這里分享出來脊框，希望大家在維護項目版本的時候有據(jù)可依。另外践啄，Maven中的版本管理需要結(jié)合軟件版本控制工具使用浇雹，如Git、SVN等屿讽。雖然目前Git的使用已經(jīng)很普遍了昭灵，我的工作環(huán)境使用的是SVN，就以SVN為例進行介紹伐谈。Maven范圍的版本和SVN范圍的版本有不同的含義烂完。前者面向的是項目，代碼多次修改诵棵，項目的版本號可以不變抠蚣；
</div>
</form>
</body>
</html>