Web前端 基礎(chǔ)（03）

網(wǎng)友投稿 641 2025-04-01

課程回顧

表單:

下拉選按鈕: <input type="submit/reset/button" value="顯示文本"> <button>按鈕</button></p><p>實體引用: & nbsp ; & lt ; & gt ;</p><p>分區(qū)標簽: div獨占一行 span共占一行 h5新增標簽:header footer section nav article</p><p>CSS:層疊樣式表美化頁面</p><p>三種引入方式:</p><p>內(nèi)聯(lián): 在標簽內(nèi)部添加style屬性不能復(fù)用</p><p>內(nèi)部: 在head標簽里面添加style標簽,標簽體內(nèi)寫樣式代碼, 可以當前頁面復(fù)用</p><p>外部: 在單獨的css文件中寫樣式代碼在html頁面中通過link標簽引入,可以多頁面復(fù)用,還可以將html和css代碼分離</p><p>選擇器</p><p>div{}</p><p>#id{}</p><p>.class{}</p><p>div,#id{},.class{}</p><p>input[type=‘text’]{}</p><p>*{}</p><p>div span{}</p><p>div>span{}</p><p>a:hover/link/active/visited{}</p><p>顏色賦值</p><p>red</p><p>#ff0000</p><p>#f00</p><p>rgb(255,0,0)</p><p>rgba(255,0,0,0-1)</p><p>背景圖片</p><p>background-image:url();</p><p>background-size:200px 300px;</p><p>background-repeat:no-repeat;禁止重復(fù)</p><p>background-position:橫向百分比縱向百分比</p><p>顯示方式display</p><p>block:塊級元素, 獨占一行,可以修改寬高,包括:div h1-h6 p等</p><p>inline:行內(nèi)元素,共占一行,不能修改寬高,包括:span,b,i,small等</p><p>inline-block:行內(nèi)塊元素,共占一行,也能修改寬高,包括:img,input等</p><p>文本和字體相關(guān)</p><p>文本修飾 text-decoration: overline/underline/line-through/none</p><p>文本陰影 text-shadow: 顏色 x偏移值 y偏移值濃度(值越小越清晰)</p><p>文本顏色 color:red;</p><p>行高 line-height:20px; 可以通過行高控制垂直居中</p><p>字體大小 font-size:20px;</p><p>加粗 font-weight: bold/normal(去掉加粗效果);</p><p>斜體 font-style:italic;</p><p>字體設(shè)置 font-family:xxx,xxx,xxx; font:30px xx,xxx,xxx;</p><p>CSS的三大特性</p><p>繼承性:元素可以繼承上級元素的文本和字體相關(guān)樣式. 部分元素自身效果不受繼承影響比如:h1-h6的字體大小,超鏈接字體顏色.</p><p>層疊性:多個選擇器有可能選擇到同一個元素,如果添加的樣式不同會全部層疊生效,如果添加的樣式相同則由優(yōu)先級決定</p><p>優(yōu)先級:作用范圍越小,優(yōu)先級越高. id>class>標簽名>繼承(屬于間接選中)</p><p>盒子模型</p><p>盒子模型=外邊距+邊框+內(nèi)邊距+寬高</p><p>寬高: 用來控制元素顯示大小</p><p>邊框: 控制元素的邊框效果</p><p>外邊距: 控制元素顯示位置</p><p>內(nèi)邊距: 控制元素內(nèi)容的位置</p><p>賦值方式:兩種</p><p>像素,單位是px</p><p>上級元素的百分比</p><p>如果只設(shè)置寬度高度會等比例縮放</p><p>行內(nèi)元素不能修改寬高</p><p>盒子模型之外邊距margin</p><p>什么是外邊距: 元素距上級元素或相鄰兄弟元素的距離稱為外邊距</p><p>賦值方式:</p><p>單獨給某一個方向賦值: margin-left/right/top/bottom:10px;</p><p>四個方向賦值: margin:50px;</p><p>上下和左右賦值: margin:10px 20px;</p><p>元素水平居中 margin:0 auto;</p><p>(==注意這是讓元素自身居中,text-align:center是讓元素里面的文本在元素內(nèi)部居中==)</p><p>上右下左賦值: margin:10px 20px 30px 40px; 順時針</p><p>上下相鄰兩個元素的外邊距取最大值,左右相鄰求和</p><p>粘連問題: 當元素的上邊緣和上級元素的上邊緣重疊時,給元素添加上外邊距會出現(xiàn)粘連顯示異常,給上級元素添加overflow:hidden解決,給上級元素添加邊框也可以解決(修改了元素原來的樣子,不推薦)</p><p>h1,p,body這些元素自帶外邊距,使用時需要注意.</p><p>盒子模型之邊框border</p><p>賦值方式:</p><p>單獨給某一個邊添加邊框 border-left/right/top/bottom: 粗細樣式顏色;</p><p>給四個方向添加邊框 border:粗細樣式顏色;</p><p>圓角: border-radius: 10px; 值越大越圓超過寬高的一半時會變?yōu)閳A形(前提是正方形)</p><p>盒子模型之內(nèi)邊距padding</p><p>什么是內(nèi)邊距: 元素邊緣距內(nèi)容的距離稱為內(nèi)邊距.</p><p>賦值方式和外邊距類似:</p><p>單獨給某一個方向賦值: padding-left/right/top/bottom:10px;</p><p>四個方向賦值: padding:50px;</p><p>上下和左右賦值: padding:10px 20px;</p><p>上右下左賦值: padding:10px 20px 30px 40px; 順時針</p><p>修改元素的內(nèi)邊距會影響元素的寬高</p><p>如果需要移動元素內(nèi)的子元素有兩種方式:</p><p>給大元素添加內(nèi)邊距去移動里面的小元素,這種方式會改變大元素的尺寸(不推薦使用)</p><p>給小元素添加外邊距即可.</p><p>練習：</p><p>1.外邊距</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ margin: 0;/*去掉body自帶的8個像素外邊距*/ } h1{ margin-bottom: 0; background-color: #008000; } p{ margin-top: 0; background-color: #0000FF; } #big{ width:200px; height:200px; background-color: red; overflow: hidden;/* 解決粘連顯示異常*/ } #small{ width:50px; height:50px; background-color: green; margin-left: 50px; /*粘連問題:當元素的上邊緣和上級元素的上邊緣重疊時給元素添加.上外邊距會出現(xiàn)粘連顯示異常,通過給上級元素添加overflow:hidden解決*/ margin-top: 50px; } #d1{ width:100px; height:100px; background-color: red; /* 四個方向各50 */ /* margin:50px; */ /* 上下50px 左右100px */ /* margin: 50px 100px; */ /* 設(shè)置元素上下外邊距0 水平居中 */ /* margin: 100px auto; */ /* 上右下左順時針賦值 */ /* margin: 20px 40px 60px 80px; */ } #d2{ width:100px; height:100px; background-color: blue; margin-left: 100px; margin-top: 50px; } #s1{ margin-left: 50px; margin-right: 50px; /* 行內(nèi)元素上下外邊距無效 */ margin-top: 50px; } #s2{ /* 左右相鄰?fù)膺吘嗍乔蠛?上下相鄰?fù)膺吘嗍侨∽畲?/ margin-left: 30px; } </style> </head> <body> <div class="akweogy" id="big"> <div class="2iusos0" id="small"> </div> </div> <h1>這是h1</h1> <span id="s1"> 這是span1 </span> <span id="s2"> 這是span2 </span> <p>這是p標簽</p> <div class="wss2smq" id="d1"></div> <div class="kc200ka" id="d2"></div> </body> </html></p><p>顯示效果：</p><p>2.外邊距練習</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1{ width:120px; height:80px; background-color: red; margin-left: 100px; overflow: hidden; margin-top: 80px; } #d2{ width:120px; height:80px; background-color: blue; margin-left: 220px; } #small{ width:50px; height:40px; background-color: yellow; margin-left: 70px; margin-top: 20px; </style> </head> <body> <div class="keooms2" id="d1"> <div class="s0sqyeg" id="small"> </div> </div> <div class="wm2aq00" id="d2"></div> </body> </html></p><p>顯示效果：</p><p>3.邊框</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> h3{ /* 單獨給某一個方向添加邊框 */ border-bottom: 1px solid red; text-align: center; } div{ width: 200px; height: 200px; border: 1px solid red; /* 圓角值越大越圓 */ border-radius: 200px; } a{ /*寬高132*40 顏色#Oaaled */ width: 132px; height: 40px; background-color: #0aa1ed ; display: block; text-align: center; line-height: 40px; color: white ; text-decoration: none ; border-radius: 3px; font-size: 20px; } </style> </head> <body> <a href="#">查看詳情</a> <h3>邊框測試</h3> <div>這是一個div</div> </body> </html></p><p>測試效果：</p><p>4.內(nèi)邊距</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1 { width: 100px; height: 100px; border: 1px solid red; /* 添加內(nèi)邊距會影響元素的寬高 */ padding-top: 20px; padding-left: 50px; } #d2,#d3 { width: 100px; height: 100px; border: 1px solid red; } div>div { width: 25px; height: 25px; background-color: green; } #d2{ padding: 25px 0 0 25px; width: 75px ; height: 75px; } #d3>div{ /*除了給上級元素添加overflow:hidden可以解決粘連問題,給上級元素添加邊框也能解決*/ margin: 25px 0 0 25px; } </style> </head> <body> <div class="uomwwas" id="d1">內(nèi)邊距測試</div> <div class="umo2siy" id="d2"> <div></div> </div> <div class="o2gqou0" id="d3"> <div></div> </body> </html></p><p>測試效果：</p><p>5.學子商城練習1</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font: 12px "simhei",Arial, Helvetica, sans-serif; color: #666; } a{ /*寬高132*40 顏色#Oaaled */ width: 132px; height: 40px; background-color: #0aa1ed ; display: block; text-align: center; line-height: 40px; color: white ; text-decoration: none ; border-radius: 3px; font-size: 20px; } #d1>div { width: 245px; height: 232px; margin: 68px 0 0 36px; } #d1{ width: 611px; height: 376px; background-color: #e8e8e8; /*設(shè)置背景圖片*/ background-image: url(http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png); background-size: 318px 319px; background-repeat: no-repeat ; background-position: 90% 70%; overflow: hidden; } #p1{ font-size: 32px; color: #333; } #p3{ font-size: 24px; font-weight: bold; color: #0aa1ed; } </style> </head> <body> <div class="ci2sc08" id="d1"> <div> <p id="p1">靈越燃7000系列</p> <p id="p2">酷睿雙核i5處理器|256GB SSD| 8GB內(nèi)存<br /> 英特爾HD顯卡620含共享顯卡內(nèi)存</p> <p id="p3">￥999999.99</p> <a href="#">查看詳情</a> </div> </div> </body> </html></p><p>顯示效果：</p><p>6.學子商城練習2</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font: 12px "simhei",Arial, Helvetica, sans-serif; color: #666; } a{ /*寬高132*40 顏色#Oaaled */ width: 132px; height: 40px; background-color: #0aa1ed ; display: block; text-align: center; line-height: 40px; color: white ; text-decoration: none ; border-radius: 3px; font-size: 20px; } #d1>div { width: 253px; height: 232px; margin: 39px 0 0 25px; } #d1{ width: 400px; height: 376px; background-color: #e8e8e8; /*設(shè)置背景圖片*/ background-image: url(http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img2.png); background-size: 290px 232px; background-repeat: no-repeat ; background-position: 90% 90%; overflow: hidden; } #p1{ font-size: 32px; color: #333; } #p3{ font-size: 24px; font-weight: bold; color: #0aa1ed; } </style> </head> <body> <div class="swigcw0" id="d1"> <div> <p id="p1">顏值框不住</p> <p id="p2">酷睿雙核i5處理器|256GB SSD| 8GB內(nèi)存<br /> 英特爾HD顯卡620含共享顯卡內(nèi)存 <p id="p3">￥999999.99</p> <a href="#">查看詳情</a> </div> </div> </body> </html></p><p>顯示效果：</p><p>7.學子商城練習3</p><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font: 12px "simhei",Arial, Helvetica, sans-serif; color: #666; } a{ /*寬高132*40 顏色#Oaaled */ width: 100px; height: 24px; background-color: #0aa1ed ; display: inline-block; text-align: center; line-height: 24px; color: white ; text-decoration: none ; border-radius: 3px; font-size: 12px; } div{ width: 210px; height: 233px; background-color: #e8e8e8; background-size: 290px 232px; background-repeat: no-repeat ; background-position: 90% 90%; overflow: hidden; text-align: center; } #p1{ margin: 0; font-weight: bold; } #p2{ margin:4px; font-weight: bold; color: #0aa1ed; } </style> </head> <body> <div> <img src="http://m.bai1xia.com/news/zb_users/upload/2022/05/20220530132009_50205.png" > <p id="p1">戴爾(DELL)XPS13-9360-R1609 13.3英<br> 寸微邊框筆記本電腦</p> <p id="p2">￥4600.00</p> <a href="#">查看詳情</a> </div> </body> </html></p><p>顯示效果：</p><p>web前端</p><p> <strong>版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔相應(yīng)法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。</strong> </p><p> <strong>版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔相應(yīng)法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。</strong> </p></div> <div id="kmus00m" class="article_footer clear"> <div id="mggi2ko" class="fr tag">標簽：<a href="http://m.bai1xia.com/news/tags-1610.html">前端</a> <a href="http://m.bai1xia.com/news/tags-164.html">基礎(chǔ)</a> </div> <div id="g2qcae2" class="bdsharebuttonbox fl share"> <div id="sk2goey" class="share-widget fl"> <div id="ew2eaqk" class="social-share" data-sites="wechat,weibo, qq, qzone"></div> </div> </div> </div>  <div id="0q0aw02" class="post-navigation clear"> <div id="cy0u0im" class="post-previous fl"> <span>上一篇:</span><a href="http://m.bai1xia.com/news/post/89380.html">Excel2013中表格制作直觀雙餅圖的<a target="_blank" href="http://m.bai1xia.com/news/tags-9053.html"style="font-weight:bold;">操作方法</a>（excel復(fù)合餅圖）</a> </div> <div id="2uqmaew" class="post-next fr"> <span>下一篇:</span><a href="http://m.bai1xia.com/news/post/113133.html">智能客服<a target="_blank" href="http://m.bai1xia.com/news/tags-56.html"style="font-weight:bold;">系統(tǒng)</a>有哪些（智能客服系統(tǒng)<a target="_blank" href="http://m.bai1xia.com/news/tags-91.html"style="font-weight:bold;">軟件</a>）</a> </div> </div> </div> <div id="2sak00c" class="related_article"> <div id="2scowm0" class="box_title clear"> <span><i class="icon fa fa-paper-plane"></i>相關(guān)文章</span> </div> <div id="0ykuqio" class="related_list clear"> <article class="fl"> <div id="c0w0ums" class="related_img"><a href="http://m.bai1xia.com/news/post/2906.html"><img src="http://m.bai1xia.com/news/zb_users/cache/ly_autoimg/m/MjkwNg.jpg"></a></div> <div id="2sc0qiy" class="related_detail"> <h3><a href="http://m.bai1xia.com/news/post/2906.html" title="網(wǎng)頁鐘表設(shè)計——純<a target="_blank" href="http://m.bai1xia.com/news/tags-1610.html"style="font-weight:bold;">前端</a>實現(xiàn)">網(wǎng)頁鐘表設(shè)計——純<a target="_blank" href="http://m.bai1xia.com/news/tags-1610.html"style="font-weight:bold;">前端</a>實現(xiàn)</a></h3> <div id="kqyuq0y" class="meta"> <span><i class="fa fa-eye"></i>641</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> <article class="fl"> <div id="gyw00w0" class="related_img"><a href="http://m.bai1xia.com/news/post/1974.html"><img src="http://m.bai1xia.com/news/zb_users/upload/2023/08/wenzhangerweima.jpg"></a></div> <div id="i02qogi" class="related_detail"> <h3><a href="http://m.bai1xia.com/news/post/1974.html" title="java<a target="_blank" href="http://m.bai1xia.com/news/tags-164.html"style="font-weight:bold;">基礎(chǔ)</a><a target="_blank" href="http://m.bai1xia.com/news/tags-975.html"style="font-weight:bold;">起步</a>四-循環(huán)結(jié)構(gòu)">java<a target="_blank" href="http://m.bai1xia.com/news/tags-164.html"style="font-weight:bold;">基礎(chǔ)</a><a target="_blank" href="http://m.bai1xia.com/news/tags-975.html"style="font-weight:bold;">起步</a>四-循環(huán)結(jié)構(gòu)</a></h3> <div id="u2akkms" class="meta"> <span><i class="fa fa-eye"></i>641</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> <article class="fl"> <div id="wm2iskq" class="related_img"><a href="http://m.bai1xia.com/news/post/8064.html"><img src="http://m.bai1xia.com/news/zb_users/upload/2023/08/wenzhangerweima.jpg"></a></div> <div id="q0sa0mq" class="related_detail"> <h3><a href="http://m.bai1xia.com/news/post/8064.html" title="<a target="_blank" href="http://m.bai1xia.com/news/tags-124.html"style="font-weight:bold;">Python</a><a target="_blank" href="http://m.bai1xia.com/news/tags-164.html"style="font-weight:bold;">基礎(chǔ)</a>一"><a target="_blank" href="http://m.bai1xia.com/news/tags-124.html"style="font-weight:bold;">Python</a><a target="_blank" href="http://m.bai1xia.com/news/tags-164.html"style="font-weight:bold;">基礎(chǔ)</a>一</a></h3> <div id="gaoyuae" class="meta"> <span><i class="fa fa-eye"></i>641</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> </div> </div>  </div> </div> <div id="kaw2swm" class="sidebar"> <div class="ogq2c0g" id="推薦文章" class="part clear 推薦文章"> <div id="yeoam00" class="top"> <h3 class="title">推薦文章</h3> </div> <div id="ci0cyek" class="side 推薦文章"><ul><ul class="hot_posts"> <li><h4><a href="http://m.bai1xia.com/news/post/132763.html" title="企業(yè)生產(chǎn)管理是什么，企業(yè)生產(chǎn)管理軟件">企業(yè)生產(chǎn)管理是什么，企業(yè)生產(chǎn)管理軟件</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/136160.html" title="盤點進銷存軟件排行榜前十名">進盤點進銷存軟件排行榜前十名</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132779.html" title="進銷存系統(tǒng)哪個簡單好用？進銷存系統(tǒng)優(yōu)點">進銷存系統(tǒng)哪個簡單好用？進銷存系統(tǒng)優(yōu)點</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/133648.html" title="工廠生產(chǎn)管理（工廠生產(chǎn)管理流程及制度）">工廠生產(chǎn)管理（工廠生產(chǎn)管理流程及制度）</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132780.html" title="生產(chǎn)管理軟件，機械制造業(yè)生產(chǎn)管理，制造業(yè)生產(chǎn)過程管理軟件">生產(chǎn)管理軟件，機械制造業(yè)生產(chǎn)管理，制造業(yè)生產(chǎn)過程管理軟件</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132776.html" title="進銷存軟件和ERP有什么區(qū)別？進銷存與erp軟件理解">進銷存軟件和ERP有什么區(qū)別？進銷存與erp軟件理解</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132974.html" title="進銷存如何進行庫存管理">進銷存如何進行庫存管理</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132269.html" title="excel銷售訂單管理系統(tǒng)（銷售訂單錄入系統(tǒng)）">如何利用excel制作銷售訂單管理系統(tǒng)？</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/136946.html" title="數(shù)據(jù)庫訂單管理系統(tǒng)有哪些功能？數(shù)據(jù)庫訂單管理系統(tǒng)怎么設(shè)計？">數(shù)據(jù)庫訂單管理系統(tǒng)有哪些功能？數(shù)據(jù)庫訂單管理系統(tǒng)怎么設(shè)計？</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132312.html" title="數(shù)據(jù)庫訂單管理系統(tǒng)（訂單系統(tǒng)數(shù)據(jù)流圖）">什么是數(shù)據(jù)庫管理系統(tǒng)？</a></h4></li></ul></ul></div> </div> <div class="2cyuswc" id="divPrevious" class="part clear previous"> <div id="200emos" class="top"> <h3 class="title">最近發(fā)表</h3> </div> <div id="qku20as" class="side divPrevious"><ul><li><a title="寵物集市-寵物集市華東、華南、華北排行榜一覽表" href="http://m.bai1xia.com/news/post/157796.html">寵物集市-寵物集市華東、華南、華北排行榜一覽表</a></li> <li><a title="京寵展-2025年時間表" href="http://m.bai1xia.com/news/post/157795.html">京寵展-2025年時間表</a></li> <li><a title="寵物集市在深圳哪里有?時間地址最新消息" href="http://m.bai1xia.com/news/post/157794.html">寵物集市在深圳哪里有?時間地址最新消息</a></li> <li><a title="亞洲寵物展2025年展會介紹" href="http://m.bai1xia.com/news/post/157793.html">亞洲寵物展2025年展會介紹</a></li> <li><a title="京寵展信息指南" href="http://m.bai1xia.com/news/post/157792.html">京寵展信息指南</a></li> <li><a title="寵物展會2025年時間表" href="http://m.bai1xia.com/news/post/157791.html">寵物展會2025年時間表</a></li> <li><a title="亞寵展、全球?qū)櫸锂a(chǎn)業(yè)風向標——亞洲寵物展覽會深度解析" href="http://m.bai1xia.com/news/post/157790.html">亞寵展、全球?qū)櫸锂a(chǎn)業(yè)風向標——亞洲寵物展覽會深度解析</a></li> <li><a title="2025年亞洲寵物展覽會、京寵展有哪些亮點" href="http://m.bai1xia.com/news/post/157789.html">2025年亞洲寵物展覽會、京寵展有哪些亮點</a></li> <li><a title="<a target="_blank" href="http://m.bai1xia.com/news/tags-10262.html"style="font-weight:bold;">wps</a>演示添加自定義按鈕<a target="_blank" href="http://m.bai1xia.com/news/tags-823.html"style="font-weight:bold;">設(shè)置</a>動作改變按順序播放" href="http://m.bai1xia.com/news/post/118206.html"><a target="_blank" href="http://m.bai1xia.com/news/tags-10262.html"style="font-weight:bold;">wps</a>演示添加自定義按鈕<a target="_blank" href="http://m.bai1xia.com/news/tags-823.html"style="font-weight:bold;">設(shè)置</a>動作改變按順序播放</a></li> <li><a title="如何將<a target="_blank" href="http://m.bai1xia.com/news/tags-13007.html"style="font-weight:bold;">WPS</a>行中的文本調(diào)整到行中" href="http://m.bai1xia.com/news/post/119027.html">如何將<a target="_blank" href="http://m.bai1xia.com/news/tags-13007.html"style="font-weight:bold;">WPS</a>行中的文本調(diào)整到行中</a></li> </ul></div> </div> <div class="2uso2oe" id="sidebar_ad" class="part clear sidebar_ad"> <div id="2o200mg" class="part sidebar_ad"></div> </div> <div class="gyi2ias" id="hot_posts" class="part clear hot_posts"> <div id="go200yq" class="top"> <h3 class="title">熱評文章</h3> </div> <ul class="hot_posts"><li><h4><a href="http://m.bai1xia.com/news/post/104011.html" title="<a target="_blank" href="http://m.bai1xia.com/news/tags-10179.html"style="font-weight:bold;">零代碼</a>開發(fā)是什么？2022<a target="_blank" href="http://m.bai1xia.com/news/tags-1.html"style="font-weight:bold;">低代碼</a>平臺排行榜">零代碼開發(fā)是什么？2022低代碼平臺排行榜</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/131019.html" title="智能<a target="_blank" href="http://m.bai1xia.com/news/tags-14329.html"style="font-weight:bold;">進銷存庫存管理</a><a target="_blank" href="http://m.bai1xia.com/news/tags-56.html"style="font-weight:bold;">系統(tǒng)</a>（智慧進銷存）">智能進銷存庫存管理系統(tǒng)（智慧進銷存）</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/73907.html" title="<a target="_blank" href="http://m.bai1xia.com/news/tags-14095.html"style="font-weight:bold;">在線文檔</a>哪家強？8款在線文檔編輯軟件推薦">在線文檔哪家強？8款在線文檔編輯軟件推薦</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/102663.html" title="WPS2016怎么繪制簡單的價格表?">WPS2016怎么繪制簡單的價格表?</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/55539.html" title="連鎖餐飲管理<a target="_blank" href="http://m.bai1xia.com/news/tags-56.html"style="font-weight:bold;">系統(tǒng)</a>的功能有哪些？餐飲服務(wù)系統(tǒng)的構(gòu)成及工作程序">連鎖餐飲管理系統(tǒng)的功能有哪些？餐飲服務(wù)系統(tǒng)的構(gòu)成及工</a></h4></li><li><h4><a href="http://m.bai1xia.com/news/post/132806.html" title="簡單<a target="_blank" href="http://m.bai1xia.com/news/tags-14329.html"style="font-weight:bold;">進銷存庫存管理</a>盤點">簡單進銷存庫存管理盤點</a></h4></li></ul> </div> <div class="ase2ks0" id="divLinkage" class="part clear link"> <div id="wqawg20" class="top"> <h3 class="title">友情鏈接</h3> </div> <div id="oeaym4m" class="side divLinkage"><ul><li id="q020i0k" class="link-item"><a href="http://m.bai1xia.com/" target="_blank" title="伙伴云">伙伴云</a></li><li id="gookiag" class="link-item"><a href="http://m.bai1xia.com/news/category-19.html" title="進銷存管理">進銷存管理</a></li><li id="gm2go00" class="link-item"><a href="http://m.bai1xia.com/news/category-3.html" title="低代碼">低代碼</a></li><li id="uyywg2g" class="link-item"><a href="http://m.bai1xia.com/news/tags-12.html" target="_blank" title="Excel表格">Excel表格</a></li><li id="cygggko" class="link-item"><a title="海威行">海威行</a></li><li id="mem2oei" class="link-item"><a title="FinClip">FinClip</a></li></ul></div> </div> </div> </div> </section> </div> <footer class="p-footer"> <div id="cgsqauy" class="contant_box"> <div id="m000yew" class="discover_tmt"> <h5 class="" style="font-size: 1px; color: white;">伙伴云</h5> <div id="qieao20" class="text_box"> <a title="toB數(shù)字化營銷SEO" style="font-size: 1px; color: white;">加搜toBSEO</a> <a title="小程序工具" style="font-size: 1px; color: white;">前端框架</a> <a title="小紅書營銷攻略" style="font-size: 1px; color: white;">小紅書營銷攻略</a> <a title="衍因科技" style="font-size: 1px; color: white;">衍因科技</a> <a title="FinClip 技術(shù)文檔" style="font-size: 1px; color: white;">小程序容器幫助中心</a> <a title="小程序開發(fā)行業(yè)洞察" style="font-size: 1px; color: white;">小程序開發(fā)行業(yè)洞察</a> <a title="全面預(yù)算管理資訊" style="font-size: 1px; color: white;">全面預(yù)算管理資訊</a> <a title="企微SCRM客戶管理干貨" style="font-size: 1px; color: white;">企微SCRM客戶管理干貨</a> <a title="3D視覺相機資訊" style="font-size: 1px; color: white;">3D視覺相機資訊</a> <a title="創(chuàng)冷科技無電制冷" style="font-size: 1px; color: #22292D;">創(chuàng)冷科技無電制冷</a> <a title="協(xié)作機器人資訊" style="font-size: 1px; color: #22292D;">協(xié)作機器人資訊</a> </div> </div> <div id="uoykukc" class="collaboration_box"> </div> <div id="im2mm0a" class="we_img_box clear"> <div id="meqam4o" class="img_box"> <img src="http://m.bai1xia.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt"> </div> </div> </div> <p class="info"> <a target="_blank" rel="nofollow">京ICP備12038259號</a> <span> <a href="#"></a></span> </p> </footer> <div class="kqoywo2" id="backtop" class="backtop"> <div id="i2sokei" class="bt-box top"> <i class="fa fa-angle-up fa-2x"></i> </div> </div> <script charset="UTF-8" src="http://m.bai1xia.com/assets/js/sensorsdata.1.22.2.min.js"></script> <script charset="UTF-8"> var sensors = window['sensorsDataAnalytic201505']; sensors.init({ server_url: 'https://saapi.huoban.com/sa?project=production', heatmap:{scroll_notice_map:'not_collect'}, use_client_time:true, send_type:'beacon' }); sensors.quick('autoTrack'); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6444c045836d6bf27124085a4f62c2a8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9fe06d4884e0461caaa1de5651164d43";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})(); </script><script language="javascript" src="http://m.bai1xia.com/news/zb_users/plugin/ZF_ad/js/index.js?id=225"></script> <script language="javascript" src="http://m.bai1xia.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.bai1xia.com/" title="日本亚洲中午字幕乱码">日本亚洲中午字幕乱码</a> <div class="friend-links"> </div> </div> </footer> <a href="http://" target="_blank">亚洲无线电影官网</a>| <a href="http://" target="_blank">久久精品亚洲综合一品</a>| <a href="http://" target="_blank">亚洲成av人片不卡无码</a>| <a href="http://" target="_blank">亚洲综合av永久无码精品一区二区</a>| <a href="http://" target="_blank">最新亚洲卡一卡二卡三新区 </a>| <a href="http://" target="_blank">亚洲成年人电影在线观看</a>| <a href="http://" target="_blank">亚洲国产精品久久久久网站</a>| <a href="http://" target="_blank">亚洲AV无码成人专区片在线观看</a>| <a href="http://" target="_blank">亚洲午夜福利AV一区二区无码</a>| <a href="http://" target="_blank">在线观看国产区亚洲一区成人</a>| <a href="http://" target="_blank">国产精品亚洲w码日韩中文</a>| <a href="http://" target="_blank">亚洲无线一二三四区手机</a>| <a href="http://" target="_blank">亚洲AV无码久久精品成人</a>| <a href="http://" target="_blank">亚洲国产精品无码中文字</a>| <a href="http://" target="_blank">亚洲va无码va在线va天堂</a>| <a href="http://" target="_blank">国产亚洲精品资源在线26u</a>| <a href="http://" target="_blank">亚洲高清国产AV拍精品青青草原</a>| <a href="http://" target="_blank">久久精品国产精品亚洲艾草网 </a>| <a href="http://" target="_blank">亚洲色偷偷综合亚洲AVYP</a>| <a href="http://" target="_blank">国产亚洲一区二区三区在线</a>| <a href="http://" target="_blank">亚洲AV无码乱码国产麻豆穿越 </a>| <a href="http://" target="_blank">久久精品国产亚洲AV无码娇色 </a>| <a href="http://" target="_blank">ZZIJZZIJ亚洲日本少妇JIZJIZ</a>| <a href="http://" target="_blank">久久久久亚洲精品天堂久久久久久 </a>| <a href="http://" target="_blank">亚洲乱码一二三四区国产</a>| <a href="http://" target="_blank">亚洲最大成人网色香蕉</a>| <a href="http://" target="_blank">亚洲狠狠色丁香婷婷综合</a>| <a href="http://" target="_blank">国产精品亚洲综合天堂夜夜</a>| <a href="http://" target="_blank">亚洲国产婷婷香蕉久久久久久</a>| <a href="http://" target="_blank">国产亚洲精品看片在线观看</a>| <a href="http://" target="_blank">欧洲亚洲国产清在高</a>| <a href="http://" target="_blank">久久久久亚洲精品天堂</a>| <a href="http://" target="_blank">亚洲av乱码一区二区三区香蕉</a>| <a href="http://" target="_blank">亚洲欧洲AV无码专区</a>| <a href="http://" target="_blank">夜色阁亚洲一区二区三区</a>| <a href="http://" target="_blank">亚洲色偷偷狠狠综合网</a>| <a href="http://" target="_blank">国产aⅴ无码专区亚洲av</a>| <a href="http://" target="_blank">久久国产亚洲高清观看</a>| <a href="http://" target="_blank">国产成人精品日本亚洲专区6</a>| <a href="http://" target="_blank">亚洲精品成a人在线观看夫</a>| <a href="http://" target="_blank">亚洲精品第一国产综合境外资源</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="4qaqq" class="pl_css_ganrao" style="display: none;"><wbr id="4qaqq"></wbr><source id="4qaqq"></source><code id="4qaqq"><em id="4qaqq"><del id="4qaqq"></del></em></code><tr id="4qaqq"></tr><fieldset id="4qaqq"><optgroup id="4qaqq"><abbr id="4qaqq"></abbr></optgroup></fieldset><th id="4qaqq"></th><dl id="4qaqq"></dl><pre id="4qaqq"></pre><strike id="4qaqq"></strike><tbody id="4qaqq"><button id="4qaqq"><samp id="4qaqq"></samp></button></tbody><s id="4qaqq"><bdo id="4qaqq"><em id="4qaqq"></em></bdo></s><button id="4qaqq"></button><dl id="4qaqq"></dl><del id="4qaqq"></del><object id="4qaqq"></object><center id="4qaqq"></center><bdo id="4qaqq"></bdo><abbr id="4qaqq"></abbr><center id="4qaqq"><dl id="4qaqq"><input id="4qaqq"></input></dl></center><abbr id="4qaqq"><kbd id="4qaqq"><center id="4qaqq"></center></kbd></abbr><th id="4qaqq"></th><fieldset id="4qaqq"><table id="4qaqq"><abbr id="4qaqq"></abbr></table></fieldset><noframes id="4qaqq"></noframes><xmp id="4qaqq"></xmp><abbr id="4qaqq"></abbr><kbd id="4qaqq"></kbd><th id="4qaqq"></th><bdo id="4qaqq"></bdo><button id="4qaqq"></button><dl id="4qaqq"></dl><tr id="4qaqq"></tr><input id="4qaqq"><abbr id="4qaqq"><sup id="4qaqq"></sup></abbr></input><dd id="4qaqq"><th id="4qaqq"><menu id="4qaqq"></menu></th></dd><option id="4qaqq"></option><abbr id="4qaqq"><kbd id="4qaqq"><center id="4qaqq"></center></kbd></abbr><table id="4qaqq"></table><abbr id="4qaqq"><li id="4qaqq"><center id="4qaqq"></center></li></abbr><pre id="4qaqq"></pre><optgroup id="4qaqq"></optgroup><dl id="4qaqq"></dl><xmp id="4qaqq"></xmp><dd id="4qaqq"><strike id="4qaqq"><menu id="4qaqq"></menu></strike></dd><noscript id="4qaqq"></noscript><tr id="4qaqq"></tr><ul id="4qaqq"></ul><delect id="4qaqq"><tr id="4qaqq"><menu id="4qaqq"></menu></tr></delect><source id="4qaqq"></source><tr id="4qaqq"></tr><strong id="4qaqq"><noframes id="4qaqq"><kbd id="4qaqq"></kbd></noframes></strong><th id="4qaqq"></th><em id="4qaqq"></em><tbody id="4qaqq"></tbody><abbr id="4qaqq"></abbr><small id="4qaqq"></small><acronym id="4qaqq"></acronym><tr id="4qaqq"><rt id="4qaqq"><code id="4qaqq"></code></rt></tr><center id="4qaqq"></center><pre id="4qaqq"><blockquote id="4qaqq"><pre id="4qaqq"></pre></blockquote></pre><menu id="4qaqq"></menu><button id="4qaqq"></button><table id="4qaqq"><delect id="4qaqq"><tr id="4qaqq"></tr></delect></table><acronym id="4qaqq"><dd id="4qaqq"><th id="4qaqq"></th></dd></acronym><pre id="4qaqq"><dd id="4qaqq"><cite id="4qaqq"></cite></dd></pre><wbr id="4qaqq"><cite id="4qaqq"><nav id="4qaqq"></nav></cite></wbr><tr id="4qaqq"><td id="4qaqq"><code id="4qaqq"></code></td></tr><noframes id="4qaqq"></noframes><xmp id="4qaqq"></xmp><center id="4qaqq"></center><del id="4qaqq"><dfn id="4qaqq"><td id="4qaqq"></td></dfn></del><center id="4qaqq"><dd id="4qaqq"><th id="4qaqq"></th></dd></center><rt id="4qaqq"><code id="4qaqq"><table id="4qaqq"></table></code></rt><del id="4qaqq"><dfn id="4qaqq"><td id="4qaqq"></td></dfn></del><dfn id="4qaqq"></dfn><ul id="4qaqq"></ul><center id="4qaqq"></center><xmp id="4qaqq"></xmp><td id="4qaqq"></td><abbr id="4qaqq"><button id="4qaqq"><blockquote id="4qaqq"></blockquote></button></abbr><td id="4qaqq"></td><s id="4qaqq"><code id="4qaqq"><em id="4qaqq"></em></code></s><sup id="4qaqq"></sup><input id="4qaqq"><tr id="4qaqq"><pre id="4qaqq"></pre></tr></input><center id="4qaqq"><dd id="4qaqq"><cite id="4qaqq"></cite></dd></center><ul id="4qaqq"></ul><table id="4qaqq"></table><center id="4qaqq"></center><tr id="4qaqq"></tr><dl id="4qaqq"><table id="4qaqq"><del id="4qaqq"></del></table></dl><nav id="4qaqq"></nav><small id="4qaqq"></small><tbody id="4qaqq"><object id="4qaqq"><small id="4qaqq"></small></object></tbody><dl id="4qaqq"></dl><dd id="4qaqq"></dd><option id="4qaqq"></option><pre id="4qaqq"></pre><option id="4qaqq"></option><pre id="4qaqq"><source id="4qaqq"><small id="4qaqq"></small></source></pre><bdo id="4qaqq"></bdo><menu id="4qaqq"><kbd id="4qaqq"><em id="4qaqq"></em></kbd></menu><kbd id="4qaqq"></kbd><fieldset id="4qaqq"></fieldset><ul id="4qaqq"></ul><li id="4qaqq"></li><tr id="4qaqq"></tr><fieldset id="4qaqq"></fieldset><s id="4qaqq"><bdo id="4qaqq"><em id="4qaqq"></em></bdo></s><blockquote id="4qaqq"><tfoot id="4qaqq"><object id="4qaqq"></object></tfoot></blockquote><abbr id="4qaqq"></abbr><strong id="4qaqq"></strong><kbd id="4qaqq"></kbd><menu id="4qaqq"><bdo id="4qaqq"><em id="4qaqq"></em></bdo></menu><option id="4qaqq"></option><th id="4qaqq"></th><acronym id="4qaqq"></acronym><dd id="4qaqq"></dd><tbody id="4qaqq"></tbody><input id="4qaqq"></input><tr id="4qaqq"></tr><pre id="4qaqq"><source id="4qaqq"><cite id="4qaqq"></cite></source></pre><bdo id="4qaqq"></bdo><dfn id="4qaqq"></dfn><pre id="4qaqq"><blockquote id="4qaqq"><tfoot id="4qaqq"></tfoot></blockquote></pre><blockquote id="4qaqq"></blockquote><object id="4qaqq"><tbody id="4qaqq"><noframes id="4qaqq"></noframes></tbody></object><xmp id="4qaqq"></xmp><source id="4qaqq"></source><wbr id="4qaqq"></wbr><center id="4qaqq"></center><object id="4qaqq"><small id="4qaqq"><noframes id="4qaqq"></noframes></small></object><center id="4qaqq"><tfoot id="4qaqq"><input id="4qaqq"></input></tfoot></center><nav id="4qaqq"></nav><noscript id="4qaqq"><option id="4qaqq"><delect id="4qaqq"></delect></option></noscript><wbr id="4qaqq"></wbr><optgroup id="4qaqq"></optgroup><abbr id="4qaqq"><kbd id="4qaqq"><center id="4qaqq"></center></kbd></abbr><dl id="4qaqq"></dl><dd id="4qaqq"></dd><pre id="4qaqq"></pre><pre id="4qaqq"></pre><tfoot id="4qaqq"><object id="4qaqq"><small id="4qaqq"></small></object></tfoot><tbody id="4qaqq"><source id="4qaqq"><strong id="4qaqq"></strong></source></tbody><noscript id="4qaqq"></noscript><rt id="4qaqq"></rt><center id="4qaqq"></center><abbr id="4qaqq"></abbr><tbody id="4qaqq"></tbody><abbr id="4qaqq"></abbr><xmp id="4qaqq"></xmp><dd id="4qaqq"><strong id="4qaqq"><s id="4qaqq"></s></strong></dd><acronym id="4qaqq"><dd id="4qaqq"><strike id="4qaqq"></strike></dd></acronym></div> </html>