整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          一篇文章帶你了解css z-index(重疊順序)

          iv cssz-index層重疊順序

          div層、span層等html標(biāo)簽層重疊順序樣式z-index,平時(shí)CSS使用較少,但也會(huì)難免會(huì)碰到CSS z-index使用。

          從基礎(chǔ)語法到應(yīng)用案例教程講解學(xué)習(xí)z-index。


          一、z-index語法與結(jié)構(gòu)

          z-index 跟具體數(shù)字

          div{
            z-index:100
          }

          注意:z-index的數(shù)值不跟單位。

          z-index的數(shù)字越高越靠前,并且值必須為整數(shù)和正數(shù)(正數(shù)的整數(shù))。


          二、z-index使用條件

          z-index在使用絕對(duì)定位 position:absolute屬性條件下使用才能使用。通常CSS讓不同的對(duì)象盒子以不同順序重疊排列,CSS就是要z-index樣式屬性。


          三、案例

          1. z-index重疊順序案例

          為了方便觀察,設(shè)置3個(gè)DIV盒子,分別設(shè)置不同css背景顏色,設(shè)置相同CSS高度、CSS寬度。分別設(shè)置背景顏色)為黑色、紅色、藍(lán)色。CSS width為300px,css height為100px。

          css代碼(沒加z-index屬性)

          <style>
                      .div css5 {
                          position: relative;
                      }
          
          
                      .div css5-1,
                      .div css5-2,
                      .div css5-3 {
                          width: 300px;
                          height: 100px;
                          position: absolute;
                      }
          
          
                          .divcss5-1 {
          
          
                          background: #000;/* 黑色*/
                          left: 10px;
                          top: 10px
                      }
          
          
                      .divcss5-2 {
          
          
                          background: #F00;/* 紅色*/
                          left: 20px;
                          top: 20px
                      }
          
          
                      .divcss5-3 {
          
          
                          background: #00F;/* 藍(lán)色*/
                          left: 30px;
                          top: 30px
                      }
          </style>

          CSS代碼(加上z-index屬性后) :

          <style>
                      .div css5 {
                          position: relative;
                      }
          
          
                      .div css5-1,
                      .div css5-2,
                      .div css5-3 {
                          width: 200px;
                          height: 100px;
                          position: absolute;
                      }
          
          
                      .div css5-1 {
                          z-index: 10;
                          background: #000;/* 黑色*/
                          left: 10px;
                          top: 10px
                      }
          
          
                      .div css5-2 {
                          z-index: 20;
                          background: #F00;/* 紅色*/
                          left: 20px;
                          top: 20px
                      }
          
          
                      .div css5-3 {
                          z-index: 15;
                        background: #00F;/* 藍(lán)色*/
                          left: 30px;
                          top: 30px
                      }
          </style>

          html代碼

           <div class="divcss5-1"></div>
           <div class="divcss5-2"></div>
           <div class="divcss5-3"></div>

          沒加的效果:


          加上z-index屬性效果:

          2. 案例說明

          三個(gè)盒子均都使用了絕對(duì)定位屬性position樣式,并且設(shè)置相同的高度和寬度樣式。為了便于觀察CSS使用left、right屬性并賦予不同值,讓其錯(cuò)落有致。

          • Div css5-1 盒子背景為黑色, z-index:10
          • Div css5-2 盒子背景為紅色, z-index:20
          • Divcss5-3盒子背景為藍(lán)色 , z-index:15

          為可以看見第一個(gè)盒子z-index:10,所以重疊在最下層,而第二個(gè)盒子z-index:20,值最大所以最上層重疊,第三個(gè)盒子設(shè)置z-index:15,居中。


          四、總結(jié)

          本文基于CSS基礎(chǔ),介紹了如何使用z-index重疊順序樣式,在實(shí)際DIV+CSS布局時(shí)候CSS需要絕對(duì)定位樣式,并且可以使用left、right進(jìn)行定位,通過不同z-index值實(shí)現(xiàn)層重疊順序排列。代碼很簡單,希望能夠幫助你學(xué)習(xí)。

          者: IT共享者 來源: IT共享之家

          div cssz-index層重疊順序

          div層、span層等html標(biāo)簽層重疊順序樣式z-index,平時(shí)CSS使用較少,但也會(huì)難免會(huì)碰到CSS z-index使用。

          從基礎(chǔ)語法到應(yīng)用案例教程講解學(xué)習(xí)z-index。

          一、z-index語法與結(jié)構(gòu)

          z-index 跟具體數(shù)字

          div{

          z-index:100

          }

          注意:z-index的數(shù)值不跟單位。

          z-index的數(shù)字越高越靠前,并且值必須為整數(shù)和正數(shù)(正數(shù)的整數(shù))。

          二、z-index使用條件

          z-index在使用絕對(duì)定位 position:absolute屬性條件下使用才能使用。通常CSS讓不同的對(duì)象盒子以不同順序重疊排列,CSS就是要z-index樣式屬性。

          三、案例

          1. z-index重疊順序案例

          為了方便觀察,設(shè)置3個(gè)DIV盒子,分別設(shè)置不同css背景顏色,設(shè)置相同CSS高度、CSS寬度。分別設(shè)置背景顏色)為黑色、紅色、藍(lán)色。CSS width為300px,css height為100px。

          css代碼(沒加z-index屬性)

          <style>

          .div css5 {

          position: relative;

          }


          .div css5-1,

          .div css5-2,

          .div css5-3 {

          width: 300px;

          height: 100px;

          position: absolute;

          }


          .divcss5-1 {


          background: #000;/* 黑色*/

          left: 10px;

          top: 10px

          }


          .divcss5-2 {


          background: #F00;/* 紅色*/

          left: 20px;

          top: 20px

          }


          .divcss5-3 {


          background: #00F;/* 藍(lán)色*/

          left: 30px;

          top: 30px

          }

          </style>

          CSS代碼(加上z-index屬性后) :

          <style>

          .div css5 {

          position: relative;

          }


          .div css5-1,

          .div css5-2,

          .div css5-3 {

          width: 200px;

          height: 100px;

          position: absolute;

          }


          .div css5-1 {

          z-index: 10;

          background: #000;/* 黑色*/

          left: 10px;

          top: 10px

          }


          .div css5-2 {

          z-index: 20;

          background: #F00;/* 紅色*/

          left: 20px;

          top: 20px

          }


          .div css5-3 {

          z-index: 15;

          background: #00F;/* 藍(lán)色*/

          left: 30px;

          top: 30px

          }

          </style>

          html代碼

          <div class="divcss5-1"></div>

          <div class="divcss5-2"></div>

          <div class="divcss5-3"></div>

          沒加的效果:

          加上z-index屬性效果:

          2. 案例說明

          三個(gè)盒子均都使用了絕對(duì)定位屬性position樣式,并且設(shè)置相同的高度和寬度樣式。為了便于觀察CSS使用left、right屬性并賦予不同值,讓其錯(cuò)落有致。

          • Div css5-1 盒子背景為黑色, z-index:10
          • Div css5-2 盒子背景為紅色, z-index:20
          • Divcss5-3盒子背景為藍(lán)色 , z-index:15

          為可以看見第一個(gè)盒子z-index:10,所以重疊在最下層,而第二個(gè)盒子z-index:20,值最大所以最上層重疊,第三個(gè)盒子設(shè)置z-index:15,居中。

          四、總結(jié)

          本文基于CSS基礎(chǔ),介紹了如何使用z-index重疊順序樣式,在實(shí)際DIV+CSS布局時(shí)候CSS需要絕對(duì)定位樣式,并且可以使用left、right進(jìn)行定位,通過不同z-index值實(shí)現(xiàn)層重疊順序排列。代碼很簡單,希望能夠幫助你學(xué)習(xí)。

          著互聯(lián)發(fā)展的普及,給人們的生活帶來了很多便利。以前個(gè)體工商戶辦理營業(yè)執(zhí)照年檢需要親自去當(dāng)?shù)毓ど叹诌M(jìn)行相關(guān)審核,而現(xiàn)在就完全不同了,可以通過網(wǎng)上直接進(jìn)行申報(bào)。這也是國家為了提高辦事效率,所做的一項(xiàng)重大改革。今天就為大家介紹2020個(gè)體戶工商戶營業(yè)執(zhí)照年檢網(wǎng)上申報(bào)步驟及最新時(shí)間規(guī)定介紹如下:

          一、2020個(gè)體戶工商戶營業(yè)執(zhí)照年檢網(wǎng)上申報(bào)步驟詳解!

          1.申報(bào)入口

          打開任意搜索軟件,比如百度、360、搜狗等,在搜索框架打出“國家企業(yè)信用信息公示系統(tǒng)”,選擇官網(wǎng)進(jìn)入。如果沒有顯示官網(wǎng)的就表示不是國家網(wǎng)址,這個(gè)千萬要注意。具體網(wǎng)址為:http://www.gsxt.gov.cn/index.html

          2.操作步驟

          步驟一:進(jìn)入官網(wǎng)后,選擇“企業(yè)信息填報(bào)”。

          步驟二:選擇要年報(bào)的營業(yè)執(zhí)照地址所在地,如果是湖南,就選擇湖南。

          步驟三:進(jìn)入所在地頁面,首次登陸要選擇“工商聯(lián)絡(luò)員注冊”。

          步驟四:填入要年報(bào)的企業(yè)執(zhí)照注冊號(hào),統(tǒng)一社會(huì)信用代碼/注冊號(hào)、法定代表人(負(fù)責(zé)人)姓名、法定代表人(負(fù)責(zé)人)證件號(hào)碼、聯(lián)絡(luò)員姓名、聯(lián)絡(luò)員證件類型、聯(lián)絡(luò)員證件號(hào)碼、聯(lián)絡(luò)員手機(jī)號(hào)碼。輸入完成后點(diǎn)擊保存。

          步驟五:彈出界面提示驗(yàn)證成功后,分別填入你的姓名、身份證號(hào)、手機(jī)號(hào)。

          步驟六:選擇“獲取驗(yàn)證碼”。

          步驟七:30秒之內(nèi),查看手機(jī)短信,輸入你收到的驗(yàn)證碼完成注冊。

          步驟八:注冊成功后返回登陸頁面,分別填入營業(yè)執(zhí)照注冊號(hào),你的身份證號(hào)碼,你的手機(jī)號(hào)碼,再次選擇“獲取驗(yàn)證碼”。

          步驟九:填入收到的驗(yàn)證碼,選擇“登陸”。

          步驟十:登陸后選擇“年報(bào)報(bào)告填寫”。

          步驟十一:選擇要年報(bào)的年度。

          步驟十二:依據(jù)企業(yè)的經(jīng)營狀況,填寫報(bào)表,選擇“保存并下一步”。

          步驟十三:一直保存到最后一頁,核實(shí)好信息是否有誤,修改錯(cuò)誤的選項(xiàng)選擇“保存并公示”。

          步驟十四:彈出對(duì)話框點(diǎn)擊確認(rèn)。

          步驟十四:確認(rèn)后本次的年度報(bào)告基本已經(jīng)公示完成。

          二、如何在手機(jī)APP上操作年檢營業(yè)執(zhí)照?附詳細(xì)流程

          以浙江省為例:

          1.打開浙江政務(wù)服務(wù)APP,點(diǎn)擊登錄界面,如下圖所示;自

          2.然后選擇立即注冊百,如下圖所示;

          3.注冊成功以后再選擇身份認(rèn)證,如下圖所示;

          4.完成身份認(rèn)證以后選擇上角放大鏡圖標(biāo),進(jìn)入搜索界面;

          5.在問搜索欄輸入個(gè)體,然后再點(diǎn)擊個(gè)體年答報(bào)的訂閱;

          6.如果沒有注冊聯(lián)絡(luò)員注冊,則選擇聯(lián)絡(luò)員注冊;

          7.在出來的界面根據(jù)要求填寫相關(guān)信息,點(diǎn)擊注冊;

          8.注冊好以后選擇2019未年報(bào),如下圖所示;

          9.在出來的界面根據(jù)要求填寫相關(guān)信息,如下圖所示;

          10.填寫完相關(guān)信息以后點(diǎn)擊保存;

          11.然后在出來的界面填寫相關(guān)信息,再選擇預(yù)覽并提交和提交即可。

          三、工商戶營業(yè)執(zhí)照年檢最新時(shí)間規(guī)定!

          企業(yè)法人營業(yè)執(zhí)照有限期是10年,到期是需要更換的,以前工商戶營業(yè)執(zhí)照年檢時(shí)間是在每年3月31日前,現(xiàn)在新規(guī)定是每年6月30日前要進(jìn)行年檢。根據(jù)《企業(yè)年度檢驗(yàn)辦法》第四條規(guī)定,每年3月1日至6月30日,企業(yè)應(yīng)當(dāng)向企業(yè)登記機(jī)關(guān)提交年檢材料。有正當(dāng)理由的可以在6月30日前向企業(yè)登記機(jī)關(guān)提交延期參加年檢的申請(qǐng),經(jīng)企業(yè)登記機(jī)關(guān)批準(zhǔn)可以延期30日。

          以上就是個(gè)體工商戶營業(yè)執(zhí)照年報(bào)(年審)網(wǎng)上填報(bào)流程,希望能幫到您。個(gè)體戶工商戶營業(yè)執(zhí)照年檢時(shí)間馬上就要結(jié)束了,還未來得及申報(bào)的趕緊申報(bào)。


          主站蜘蛛池模板: 影院无码人妻精品一区二区| 亚洲AV无码国产精品永久一区 | 中文字幕精品无码一区二区三区 | 亚洲性日韩精品国产一区二区| 色偷偷一区二区无码视频| 日本v片免费一区二区三区 | 精品无码国产一区二区三区51安 | 国产精品亚洲一区二区三区在线| 一本久久精品一区二区| 精品国产亚洲一区二区三区| 立川理惠在线播放一区| 精品国产一区在线观看 | 国产亚洲情侣一区二区无| 国产三级一区二区三区| 久久精品国内一区二区三区| 日韩免费一区二区三区在线播放| 无码精品国产一区二区三区免费| 国产综合精品一区二区三区| 国产精品一区二区久久国产| 波多野结衣免费一区视频| 亚洲色精品vr一区二区三区| 大屁股熟女一区二区三区| 久久精品综合一区二区三区| 国产日韩AV免费无码一区二区三区 | 人妻无码第一区二区三区| 亚洲国产成人一区二区精品区| 国产成人无码一区二区在线观看| 人妻少妇精品一区二区三区| 中文字幕aⅴ人妻一区二区| 国产成人精品一区二区秒拍| 亚洲AV综合色一区二区三区| 免费无码VA一区二区三区| 亚洲一区在线视频观看| 亚洲av日韩综合一区二区三区| 亚洲高清毛片一区二区| 国产亚洲福利一区二区免费看| 国产成人综合精品一区| 日韩一区二区电影| 精品乱码一区二区三区四区| 日韩一区二区三区射精| 视频在线观看一区二区三区|