以上代碼中a元素能夠覆蓋b元素，再看一段代碼實(shí)例:<\/p>
螞蟻部落<\/title><style type=\"text\/css\">div{ width:100px; height:100px;}.a{ position:relative; right:20px; top:20px; background-color:red; z-index:-1;}.b{ background-color:green;}<\/style><\/head><body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> <div id="377j5v51b" class=\"a\"><\/div> <div id="377j5v51b" class=\"b\"><\/div><\/body><\/html><\/pre> <\/p> <p>以上代碼可以看出b元素能夠覆蓋a元素，也就是說(shuō)普通文檔流中的元素能夠覆蓋設(shè)置了position屬性，且屬性值不為static，同時(shí)z-index值為負(fù)數(shù)的對(duì)象。<\/p> <p>原文地址是:http:\/\/www.51texiao.cn\/div_cssjiaocheng\/2015\/0503\/583.html<\/p> <p>最為原始地址是:http:\/\/www.softwhy.com\/<\/p> <p class=\"sycode\"><\/p> <p class=\"sycode\"><\/p> <p class=\"sycode\"> <\/p>\n<p class=\"sycode\"><\/p> <p class=\"sycode\"><\/p> <p class=\"sycode\"> <\/p> <p class=\"sycode\"><\/p> <p class=\"sycode\"><\/p> "} </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/fr/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="communauté" class="head_nava head_nava-template1">communauté</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/fr/article.html" title="Articles" class="languagechoosea on">Articles</a> <a href="http://www.miracleart.cn/fr/faq/zt" title="Sujets" class="languagechoosea">Sujets</a> <a href="http://www.miracleart.cn/fr/wenda.html" title="Questions et réponses" class="languagechoosea">Questions et réponses</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Apprendre" class="head_nava head_nava-template1_1">Apprendre</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/fr/course.html" title="Cours" class="languagechoosea on">Cours</a> <a href="http://www.miracleart.cn/fr/dic/" title="Dictionnaire de programmation" class="languagechoosea">Dictionnaire de programmation</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Bibliothèque d'outils" class="head_nava head_nava-template1_2">Bibliothèque d'outils</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/fr/toolset/development-tools" title="Outils de développement" class="languagechoosea on">Outils de développement</a> <a href="http://www.miracleart.cn/fr/toolset/website-source-code" title="Code source du site Web" class="languagechoosea">Code source du site Web</a> <a href="http://www.miracleart.cn/fr/toolset/php-libraries" title="Bibliothèques PHP" class="languagechoosea">Bibliothèques PHP</a> <a href="http://www.miracleart.cn/fr/toolset/js-special-effects" title="Effets spéciaux JS" class="languagechoosea on">Effets spéciaux JS</a> <a href="http://www.miracleart.cn/fr/toolset/website-materials" title="Matériel du site Web" class="languagechoosea on">Matériel du site Web</a> <a href="http://www.miracleart.cn/fr/toolset/extension-plug-ins" title="Plugins d'extension" class="languagechoosea on">Plugins d'extension</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/fr/ai" title="Outils d'IA" class="head_nava head_nava-template1_3">Outils d'IA</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Loisirs" class="head_nava head_nava-template1_3">Loisirs</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/fr/game" title="Téléchargement du jeu" class="languagechoosea on">Téléchargement du jeu</a> <a href="http://www.miracleart.cn/fr/mobile-game-tutorial/" title="Tutoriels de jeu" class="languagechoosea">Tutoriels de jeu</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('fr')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="recherche" onclick="searchs('fr')"><img src="/static/imghw/find.png" alt="recherche"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">Fran?ais<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:;" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/fr/" title="Maison" class="phpgenera_Details_mainL1a">Maison</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/fr/web-designer.html" class="phpgenera_Details_mainL1a">interface Web</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/fr/div-tutorial.html" class="phpgenera_Details_mainL1a">tutoriel HTML</a> <img src="/static/imghw/top_right.png" alt="" /> <span>z-index屬性值為負(fù)數(shù)的作用_html/css_WEB-ITnose</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">z-index屬性值為負(fù)數(shù)的作用_html/css_WEB-ITnose</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/fr/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/fr/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2016 am 11:41 AM</span> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p class="sycode"> </p> <p class="sycode"> </p> <p><strong>z-index屬性值為負(fù)數(shù)的作用:</strong></p> <p>在很多CSS代碼中，可以看到z-index屬性值被設(shè)置為負(fù)數(shù)的情況，下面就簡(jiǎn)單介紹一下，此屬性值為負(fù)數(shù)情況下的表現(xiàn)。在一般情況下只要對(duì)象設(shè)置了position屬性，且屬性值不為static，那么此對(duì)象能夠覆蓋非定位對(duì)象，代碼實(shí)例如下:</p> <p class="sycode"> <pre class='brush:php;toolbar:false;'><!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><style type="text/css">div{ width:100px; height:100px;}.a{ position:relative; right:20px; top:20px; background-color:red; z-index:1;}.b{ background-color:green;}</style></head><body> <div class="a"></div> <div class="b"></div></body></html></pre> </p> <p>以上代碼中a元素能夠覆蓋b元素，再看一段代碼實(shí)例:</p> <p class="sycode"> <pre class='brush:php;toolbar:false;'><!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><style type="text/css">div{ width:100px; height:100px;}.a{ position:relative; right:20px; top:20px; background-color:red; z-index:-1;}.b{ background-color:green;}</style></head><body> <div class="a"></div> <div class="b"></div></body></html></pre> </p> <p>以上代碼可以看出b元素能夠覆蓋a元素，也就是說(shuō)普通文檔流中的元素能夠覆蓋設(shè)置了position屬性，且屬性值不為static，同時(shí)z-index值為負(fù)數(shù)的對(duì)象。</p> <p>原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/583.html</p> <p>最為原始地址是:http://www.softwhy.com/</p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796832397.html" title="Guide de construction de Grass Wonder | Uma musume joli derby" class="phpgenera_Details_mainR4_bottom_title">Guide de construction de Grass Wonder | Uma musume joli derby</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796833110.html" title="<??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796831605.html" title="Uma Musume Pretty Derby Banner Schedule (juillet 2025)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby Banner Schedule (juillet 2025)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796836699.html" title="Guide de température de Rimworld Odyssey pour les navires et Gravtech" class="phpgenera_Details_mainR4_bottom_title">Guide de température de Rimworld Odyssey pour les navires et Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796831905.html" title="Windows Security est vide ou ne montre pas les options" class="phpgenera_Details_mainR4_bottom_title">Windows Security est vide ou ne montre pas les options</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/fr/article.html">Afficher plus</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils d'IA chauds</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Images de déshabillage gratuites</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Application basée sur l'IA pour créer des photos de nu réalistes</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Dissolvant de vêtements AI</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/fr/ai">Afficher plus</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Article chaud</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796832397.html" title="Guide de construction de Grass Wonder | Uma musume joli derby" class="phpgenera_Details_mainR4_bottom_title">Guide de construction de Grass Wonder | Uma musume joli derby</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796833110.html" title="<??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 nuits dans la forêt - tous les badges et comment les déverrouiller</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Il y a quelques semaines</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796831605.html" title="Uma Musume Pretty Derby Banner Schedule (juillet 2025)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby Banner Schedule (juillet 2025)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796836699.html" title="Guide de température de Rimworld Odyssey pour les navires et Gravtech" class="phpgenera_Details_mainR4_bottom_title">Guide de température de Rimworld Odyssey pour les navires et Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Il y a quelques semaines</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/1796831905.html" title="Windows Security est vide ou ne montre pas les options" class="phpgenera_Details_mainR4_bottom_title">Windows Security est vide ou ne montre pas les options</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Il y a quelques mois</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/fr/article.html">Afficher plus</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Outils chauds</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title"> <h3>Bloc-notes++7.3.1</h3> </a> <p>éditeur de code facile à utiliser et gratuit</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version chinoise</h3> </a> <p>Version chinoise, très simple à utiliser</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Envoyer Studio 13.0.1</h3> </a> <p>Puissant environnement de développement intégré PHP</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Outils de développement Web visuel</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 version Mac</h3> </a> <p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/fr/ai">Afficher plus</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Sujets chauds</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/laravel-tutori" title="Tutoriel Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutoriel Laravel</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1601</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/fr/faq/php-tutorial" title="Tutoriel PHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel PHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/fr/faq/zt">Afficher plus</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796831880.html" title="Implémentation de boutons clickables à l'aide de l'élément de bouton HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175182671121571.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implémentation de boutons clickables à l'aide de l'élément de bouton HTML" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796831880.html" title="Implémentation de boutons clickables à l'aide de l'élément de bouton HTML" class="phphistorical_Version2_mids_title">Implémentation de boutons clickables à l'aide de l'élément de bouton HTML</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:31 AM</span> <p class="Articlelist_txts_p">Pour utiliser des éléments de bouton HTML pour réaliser des boutons cliquables, vous devez d'abord ma?triser son utilisation de base et ses précautions communes. 1. Créer des boutons avec des balises et définir les comportements via des attributs de type (tels que le bouton, soumettre, réinitialiser), qui est soumis par défaut; 2. Ajouter des fonctions interactives via JavaScript, qui peuvent être écrites en ligne ou lier les écouteurs d'événements via ID pour améliorer la maintenance; 3. Utilisez CSS pour personnaliser les styles, y compris la couleur d'arrière-plan, la bordure, les coins arrondis et les effets de survol / statut actif pour améliorer l'expérience utilisateur; 4. Faites attention aux problèmes communs: assurez-vous que l'attribut désactivé n'est pas activé, les événements JS sont correctement liés, la mise en page d'occlusion et utilisent l'aide des outils de développement pour dépanner les exceptions. Ma?triser ceci</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796833320.html" title="Configuration des métadonnées du document dans l'élément de tête HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175199941149498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Configuration des métadonnées du document dans l'élément de tête HTML" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796833320.html" title="Configuration des métadonnées du document dans l'élément de tête HTML" class="phphistorical_Version2_mids_title">Configuration des métadonnées du document dans l'élément de tête HTML</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 09, 2025 am 02:30 AM</span> <p class="Articlelist_txts_p">Les métadonnées à HTMLhead sont cruciales pour le référencement, le partage social et le comportement du navigateur. 1. Définissez le titre et la description de la page, utilisez et gardez-le concis et unique; 2. Ajoutez des informations sur les cartes OpenGraph et Twitter pour optimiser les effets de partage social, faire attention à la taille de l'image et utiliser des outils de débogage pour tester; 3. Définissez le jeu de caractères et les paramètres de la fenêtre pour s'assurer que le support multi-langues est adapté au terminal mobile; 4. Les balises facultatives telles que l'auteur Copyright, le contr?le des robots et le contenu en double prévention canonique doivent également être configurés raisonnablement.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796832176.html" title="Meilleur tutoriel HTML pour les débutants en 2025" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175190551111932.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Meilleur tutoriel HTML pour les débutants en 2025" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796832176.html" title="Meilleur tutoriel HTML pour les débutants en 2025" class="phphistorical_Version2_mids_title">Meilleur tutoriel HTML pour les débutants en 2025</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 08, 2025 am 12:25 AM</span> <p class="Articlelist_txts_p">Toléarnhtmlin2025, chooseAtUtorialthatBalanShands-on -PracticewithModerNstandardsAnd IntegratescsSandjavascriptBasics.1.prioritizehands-onlearningwithstep-by-steprojectsmelindingapersonalprofileorblayout.20</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796834172.html" title="HTML pour les modèles de messagerie tutoriel" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175212727282844.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML pour les modèles de messagerie tutoriel" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796834172.html" title="HTML pour les modèles de messagerie tutoriel" class="phphistorical_Version2_mids_title">HTML pour les modèles de messagerie tutoriel</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 10, 2025 pm 02:01 PM</span> <p class="Articlelist_txts_p">Comment faire des modèles de courrier HTML avec une bonne compatibilité? Tout d'abord, vous devez construire une structure avec des tables pour éviter d'utiliser DIV Flex ou la disposition de la grille; Deuxièmement, tous les styles doivent être inclus et ne peuvent pas compter sur des CS externes; Ensuite, l'image doit être ajoutée avec une description ALT et utiliser une URL publique, et les boutons doivent être simulés avec une table ou un TD avec une couleur d'arrière-plan; Enfin, vous devez tester et ajuster les détails sur plusieurs clients.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796831875.html" title="Comment associer des légendes avec des images ou des médias à l'aide de la figure HTML et des éléments FigCaption?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175182660162333.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment associer des légendes avec des images ou des médias à l'aide de la figure HTML et des éléments FigCaption?" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796831875.html" title="Comment associer des légendes avec des images ou des médias à l'aide de la figure HTML et des éléments FigCaption?" class="phphistorical_Version2_mids_title">Comment associer des légendes avec des images ou des médias à l'aide de la figure HTML et des éléments FigCaption?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:30 AM</span> <p class="Articlelist_txts_p">L'utilisation de sommes HTML permet une clarté intuitive et sémantique pour ajouter du texte de légende aux images ou aux médias. 1. Utilisé pour envelopper le contenu multimédia indépendant, tels que des images, des vidéos ou des blocs de code; 2. Il est placé comme texte explicatif et peut être situé au-dessus ou en dessous des médias; 3. Ils améliorent non seulement la clarté de la structure de la page, mais améliorent également l'accessibilité et l'effet de référencement; 4. Lorsque vous l'utilisez, vous devez faire attention à éviter les abus et s'appliquer au contenu qui doit être mis en avant et accompagné d'une description, plut?t que des images décoratives ordinaires; 5. L'attribut Alt qui ne peut être ignoré, qui est différent de Figcaption; 6. La figue est flexible et peut être placée en haut ou en bas de la figure au besoin. L'utilisation de ces deux balises aide correctement à créer un contenu Web sémantique et facile à comprendre.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796833092.html" title="Comment gérer la soumission des formulaires dans HTML sans serveur?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175199487296454.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment gérer la soumission des formulaires dans HTML sans serveur?" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796833092.html" title="Comment gérer la soumission des formulaires dans HTML sans serveur?" class="phphistorical_Version2_mids_title">Comment gérer la soumission des formulaires dans HTML sans serveur?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 09, 2025 am 01:14 AM</span> <p class="Articlelist_txts_p">Lorsqu'il n'y a pas de serveur backend, la soumission de formulaire HTML peut toujours être traitée via une technologie frontale ou des services tiers. Les méthodes spécifiques incluent: 1. Utilisez JavaScript pour intercepter les soumissions de formulaires pour réaliser la vérification des entrées et les commentaires des utilisateurs, mais les données ne seront pas persistées; 2. Utilisez des services de formulaire de serveur tiers tels que FormSpree pour collecter des données et fournir des fonctions de notification et de redirection par e-mail; 3. Utilisez LocalStorage pour stocker les données des clients temporaires, ce qui convient à l'enregistrement des préférences des utilisateurs ou à la gestion de l'état de l'application d'une seule page, mais ne convient pas au stockage à long terme d'informations sensibles.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796833601.html" title="Quels sont les attributs globaux les plus couramment utilisés en HTML?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175211633258120.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Quels sont les attributs globaux les plus couramment utilisés en HTML?" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796833601.html" title="Quels sont les attributs globaux les plus couramment utilisés en HTML?" class="phphistorical_Version2_mids_title">Quels sont les attributs globaux les plus couramment utilisés en HTML?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 10, 2025 am 10:58 AM</span> <p class="Articlelist_txts_p">La classe, l'identification, le style, les données et le titre sont les attributs globaux les plus couramment utilisés en HTML. La classe est utilisée pour spécifier un ou plusieurs noms de classe pour faciliter le paramètre de style et les opérations JavaScript; ID fournit des identifiants uniques pour les éléments, adaptés aux sauts d'ancrage et au contr?le JavaScript; Le style permet d'ajouter des styles en ligne, adaptés au débogage temporaire mais pas recommandé pour une utilisation à grande échelle; Data-Properties est utilisé pour stocker des données personnalisées, ce qui est pratique pour l'interaction frontale et back-end; Le titre est utilisé pour ajouter des invites de souris, mais son style et son comportement sont limités par le navigateur. La sélection raisonnable de ces attributs peut améliorer l'efficacité du développement et l'expérience utilisateur.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/fr/faq/1796835225.html" title="Implémentation de chargement paresseux natif pour les images en HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175225251122177.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implémentation de chargement paresseux natif pour les images en HTML" /> </a> <a href="http://www.miracleart.cn/fr/faq/1796835225.html" title="Implémentation de chargement paresseux natif pour les images en HTML" class="phphistorical_Version2_mids_title">Implémentation de chargement paresseux natif pour les images en HTML</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 12:48 AM</span> <p class="Articlelist_txts_p">Le chargement paresseux natif est une fonction de navigateur intégrée qui permet le chargement paresseux des images en ajoutant un attribut chargé = "paresseux" à la balise. 1. Il ne nécessite pas de bibliothèques JavaScript ou tierces et est utilisée directement dans HTML; 2. Il convient aux images qui ne sont pas affichées sur le premier écran sous la page, les modules complémentaires de défilement de la galerie d'images et les grandes ressources d'image; 3. Il ne convient pas aux images avec premier écran ou affichage: aucun; 4. Lorsque vous l'utilisez, un espace réservé approprié doit être réglé pour éviter la gigue de mise en page; 5. Il devrait optimiser le chargement d'image réactif en combinaison avec les attributs SRCSET et tailles; 6. Les problèmes de compatibilité doivent être pris en compte. Certains anciens navigateurs ne le soutiennent pas. Ils peuvent être utilisés grace à la détection des fonctionnalités et combinés avec des solutions JavaScript.</p> </div> </div> <a href="http://www.miracleart.cn/fr/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/fr/about/us.html">à propos de nous</a> <a href="http://www.miracleart.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="http://www.miracleart.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <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="jfjtf" class="pl_css_ganrao" style="display: none;"><label id="jfjtf"><mark id="jfjtf"><listing id="jfjtf"><mark id="jfjtf"></mark></listing></mark></label><var id="jfjtf"></var><tr id="jfjtf"></tr><small id="jfjtf"><progress id="jfjtf"></progress></small><bdo id="jfjtf"><tbody id="jfjtf"><label id="jfjtf"></label></tbody></bdo><strong id="jfjtf"><dd id="jfjtf"><abbr id="jfjtf"><div id="jfjtf"></div></abbr></dd></strong><sup id="jfjtf"><thead id="jfjtf"></thead></sup><em id="jfjtf"></em><menu id="jfjtf"></menu><center id="jfjtf"></center><small id="jfjtf"><progress id="jfjtf"></progress></small><button id="jfjtf"><input id="jfjtf"><dfn id="jfjtf"></dfn></input></button><pre id="jfjtf"></pre><li id="jfjtf"></li><input id="jfjtf"></input><output id="jfjtf"></output><strike id="jfjtf"><button id="jfjtf"><form id="jfjtf"></form></button></strike><tfoot id="jfjtf"><pre id="jfjtf"><ol id="jfjtf"></ol></pre></tfoot><strong id="jfjtf"></strong><menuitem id="jfjtf"><strong id="jfjtf"><acronym id="jfjtf"><nav id="jfjtf"></nav></acronym></strong></menuitem><u id="jfjtf"></u><big id="jfjtf"></big><menuitem id="jfjtf"><strong id="jfjtf"></strong></menuitem><dl id="jfjtf"></dl><mark id="jfjtf"><listing id="jfjtf"><dfn id="jfjtf"><listing id="jfjtf"></listing></dfn></listing></mark><em id="jfjtf"><pre id="jfjtf"><form id="jfjtf"></form></pre></em><em id="jfjtf"></em><ul id="jfjtf"></ul><tt id="jfjtf"></tt><dfn id="jfjtf"><span id="jfjtf"></span></dfn><u id="jfjtf"><legend id="jfjtf"></legend></u><address id="jfjtf"></address><nobr id="jfjtf"><tr id="jfjtf"><dfn id="jfjtf"></dfn></tr></nobr><wbr id="jfjtf"></wbr><em id="jfjtf"><sub id="jfjtf"><optgroup id="jfjtf"><td id="jfjtf"></td></optgroup></sub></em><li id="jfjtf"><meter id="jfjtf"><bdo id="jfjtf"><tbody id="jfjtf"></tbody></bdo></meter></li><font id="jfjtf"><style id="jfjtf"></style></font><dl id="jfjtf"><ruby id="jfjtf"></ruby></dl><s id="jfjtf"><b id="jfjtf"><p id="jfjtf"><mark id="jfjtf"></mark></p></b></s><thead id="jfjtf"><i id="jfjtf"></i></thead><ruby id="jfjtf"><strong id="jfjtf"><address id="jfjtf"><sup id="jfjtf"></sup></address></strong></ruby><menu id="jfjtf"><font id="jfjtf"></font></menu><track id="jfjtf"></track><p id="jfjtf"></p><dl id="jfjtf"></dl><table id="jfjtf"><wbr id="jfjtf"></wbr></table><b id="jfjtf"></b><menuitem id="jfjtf"><strong id="jfjtf"><sup id="jfjtf"><strong id="jfjtf"></strong></sup></strong></menuitem><p id="jfjtf"></p><abbr id="jfjtf"></abbr><noframes id="jfjtf"><rt id="jfjtf"><small id="jfjtf"></small></rt></noframes><progress id="jfjtf"><track id="jfjtf"><ol id="jfjtf"><option id="jfjtf"></option></ol></track></progress><tbody id="jfjtf"><meter id="jfjtf"></meter></tbody><blockquote id="jfjtf"></blockquote><tt id="jfjtf"></tt><form id="jfjtf"></form><track id="jfjtf"></track><rp id="jfjtf"><acronym id="jfjtf"><noframes id="jfjtf"><span id="jfjtf"></span></noframes></acronym></rp><tfoot id="jfjtf"></tfoot><strike id="jfjtf"><video id="jfjtf"><pre id="jfjtf"><abbr id="jfjtf"></abbr></pre></video></strike><tfoot id="jfjtf"></tfoot><sub id="jfjtf"><style id="jfjtf"><delect id="jfjtf"><style id="jfjtf"></style></delect></style></sub><td id="jfjtf"></td><pre id="jfjtf"><ol id="jfjtf"><small id="jfjtf"></small></ol></pre><sup id="jfjtf"></sup><abbr id="jfjtf"><fieldset id="jfjtf"></fieldset></abbr><small id="jfjtf"><progress id="jfjtf"></progress></small><wbr id="jfjtf"><u id="jfjtf"></u></wbr><optgroup id="jfjtf"></optgroup><optgroup id="jfjtf"></optgroup><pre id="jfjtf"></pre><sup id="jfjtf"><strong id="jfjtf"><address id="jfjtf"><label id="jfjtf"></label></address></strong></sup><big id="jfjtf"><tbody id="jfjtf"><strike id="jfjtf"><th id="jfjtf"></th></strike></tbody></big><em id="jfjtf"></em><xmp id="jfjtf"><label id="jfjtf"></label></xmp><legend id="jfjtf"><ruby id="jfjtf"><dl id="jfjtf"><ruby id="jfjtf"></ruby></dl></ruby></legend><option id="jfjtf"><acronym id="jfjtf"><tt id="jfjtf"><center id="jfjtf"></center></tt></acronym></option><legend id="jfjtf"></legend><meter id="jfjtf"></meter><video id="jfjtf"><pre id="jfjtf"><b id="jfjtf"></b></pre></video><div id="jfjtf"></div><dd id="jfjtf"><abbr id="jfjtf"><menuitem id="jfjtf"></menuitem></abbr></dd><b id="jfjtf"></b><dl id="jfjtf"></dl><dfn id="jfjtf"><div id="jfjtf"><rp id="jfjtf"><div id="jfjtf"></div></rp></div></dfn><u id="jfjtf"><wbr id="jfjtf"><u id="jfjtf"><big id="jfjtf"></big></u></wbr></u><menuitem id="jfjtf"><nobr id="jfjtf"></nobr></menuitem><font id="jfjtf"></font><p id="jfjtf"><kbd id="jfjtf"><p id="jfjtf"><rp id="jfjtf"></rp></p></kbd></p><address id="jfjtf"></address><acronym id="jfjtf"></acronym><var id="jfjtf"></var><rt id="jfjtf"><small id="jfjtf"></small></rt><code id="jfjtf"><menuitem id="jfjtf"><nobr id="jfjtf"><address id="jfjtf"></address></nobr></menuitem></code><strong id="jfjtf"><dfn id="jfjtf"><label id="jfjtf"></label></dfn></strong><pre id="jfjtf"></pre><legend id="jfjtf"><li id="jfjtf"><legend id="jfjtf"><ruby id="jfjtf"></ruby></legend></li></legend><thead id="jfjtf"><input id="jfjtf"><em id="jfjtf"><label id="jfjtf"></label></em></input></thead><input id="jfjtf"><em id="jfjtf"></em></input></div> </html>