浮动是不是css3新增的

WBOY
Lepaskan: 2022-04-11 17:49:10
asal
1974 orang telah melayarinya

浮动不是css3新增的。利用float属性可以定义元素在哪个方向浮动,该属性在css1时就已经可以使用了;无论设置浮动的元素本身是什么元素,设置浮动后,元素会生成一个块级框,语法为“元素{float:value;}”。

浮动是不是css3新增的

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

浮动是不是css3新增的

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。

一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。

浮动元素之后的元素将围绕它。

浮动元素之前的元素将不会受到影响。

如果图像是右浮动,下面的文本流将环绕在它左边:

示例如下:

    123/title> <style> img { float:right; } </style> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <p>在下面的段落中,我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p> <p> <img src="logocss.gif" width="95" height="84" /> 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 </p> </body> </html></pre>
        <div class="contentsignin">
         Salin selepas log masuk
        </div>
       </div>
       <p>输出结果:</p>
       <p><img src="https://img.php.cn/upload/image/830/284/119/1649670527317206.png" title="1649670527317206.png" alt="10.png"></p>
       <p>(学习视频分享:<a href="//m.sbmmt.com/course/list/12.html" target="_blank">css视频教程</a>)</p>
       <p>Atas ialah kandungan terperinci 浮动是不是css3新增的. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
      </div>
     </div>
     <div style="height: 25px;">
      <div class="wzconBq" style="display: inline-flex;">
       <span>Label berkaitan:</span>
       <div class="wzcbqd">
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ms/search?word=css3" target="_blank">css3</a>
       </div>
      </div>
      <div style="display: inline-flex;float: right; color:#333333;">
       sumber:php.cn
      </div>
     </div>
     <div class="wzconOtherwz">
      <a href="//m.sbmmt.com/ms/faq/490724.html" title=""><span>Artikel sebelumnya:es6箭头函数有哪些特性</span></a>
      <a href="//m.sbmmt.com/ms/faq/490726.html" title=""><span>Artikel seterusnya:css3中的3维平面z轴有负值吗</span></a>
     </div>
     <div class="wzconShengming">
      <div class="bzsmdiv">
       Kenyataan Laman Web ini
      </div>
      <div>
       Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
      </div>
     </div>
     <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       Artikel terbaru oleh pengarang
      </div>
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602541.html">Ramalan Harga Bitcoin: Sejauh Mana Ia Boleh Pergi?</a>
        </div>
        <div>
         2024-09-06 21:49:15
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602539.html">Adakah Sejarah Bitcoin (BTC) Akan Berulang dan Menghantar Solana (SOL) dan Rollblock (RBLK) pada Rali?</a>
        </div>
        <div>
         2024-09-06 21:47:14
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602537.html">Sokongan Institusi FLOKI Membezakannya daripada Syiling Meme Lain</a>
        </div>
        <div>
         2024-09-06 21:45:17
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602535.html">Pelabur Solana (SOL) Mencari Perlindungan dalam Meme Coin Presale Mpeppe (MPEPE) Di Tengah Kemelesetan Pasaran</a>
        </div>
        <div>
         2024-09-06 21:43:14
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602526.html">Bitcoin Menjimatkan Shiba Inu Daripada Kekalahan Pasaran sebagai Tindakan Harga SHIB Mencerminkan BTC</a>
        </div>
        <div>
         2024-09-06 21:36:14
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602524.html">Insider mendakwa Sony akan mengumumkan PlayStation 5 Pro minggu depan</a>
        </div>
        <div>
         2024-09-06 21:36:11
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602523.html">Prestasi Mobile Arrow Lake HX bocor: CPU ARL-HX 24-teras mengatasi Core i9-13900HX dan mengekori Ryzen 9 7945HX</a>
        </div>
        <div>
         2024-09-06 21:36:02
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602527.html">Pedagang Niaga Hadapan Dogecoin (DOGE) Kekalkan Kepercayaan Walaupun Aliran Menjatuh</a>
        </div>
        <div>
         2024-09-06 21:35:14
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602522.html">IFA 2024 | NIU mengumumkan skuter elektrik KQi 100P dan KQi 100F yang mesra bajet sebagai sebahagian daripada siri KQi 100</a>
        </div>
        <div>
         2024-09-06 21:34:10
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/ms/faq/1796602520.html">Philips Hue mengeluarkan kemas kini apl baharu dengan penambahbaikan untuk kamera Secure</a>
        </div>
        <div>
         2024-09-06 21:34:02
        </div></li>
      </ul>
     </div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       Isu terkini
      </div>
      <div class="wdsyContent">
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/ms/wenda/173224.html" target="_blank" title="Div dengan potongan separuh bulatan lutsinar" class="wdcdcTitle">Div dengan potongan separuh bulatan lutsinar</a>
         <a href="//m.sbmmt.com/ms/wenda/173224.html" class="wdcdcCons">Saya mahu membuat bentuk separuh bulatan yang telus menggunakan CSS3 sahaja. Satu-satunya ...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">daripada 2023-10-22 17:51:09</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>303
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/ms/wenda/173206.html" target="_blank" title="Bagaimana untuk membuat bayangan sisipan dalam SVG" class="wdcdcTitle">Bagaimana untuk membuat bayangan sisipan dalam SVG</a>
         <a href="//m.sbmmt.com/ms/wenda/173206.html" class="wdcdcCons">Saya perlu membuat kotak dengan bayang sebaris, sama seperti CSS3 mempunyai bayangan kotak...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">daripada 2023-10-21 15:57:11</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>232
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/ms/wenda/173067.html" target="_blank" title="Tingkatkan latar belakang kecerunan dengan peralihan CSS3" class="wdcdcTitle">Tingkatkan latar belakang kecerunan dengan peralihan CSS3</a>
         <a href="//m.sbmmt.com/ms/wenda/173067.html" class="wdcdcCons">Saya cuba menggunakan css untuk membuat peralihan pada imej lakaran kenit supaya latar bel...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">daripada 2023-10-12 18:05:11</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>213
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/ms/wenda/170607.html" target="_blank" title="Gunakan peralihan CSS3 dengan latar belakang kecerunan" class="wdcdcTitle">Gunakan peralihan CSS3 dengan latar belakang kecerunan</a>
         <a href="//m.sbmmt.com/ms/wenda/170607.html" class="wdcdcCons">Saya cuba menggunakan css untuk membuat peralihan pada imej lakaran kenit supaya latar bel...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">daripada 2023-08-23 21:25:42</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>324
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/ms/wenda/170562.html" target="_blank" title="Cara menggunakan penapis CSS pada imej latar belakang" class="wdcdcTitle">Cara menggunakan penapis CSS pada imej latar belakang</a>
         <a href="//m.sbmmt.com/ms/wenda/170562.html" class="wdcdcCons">Saya mempunyai fail JPEG yang saya gunakan sebagai imej latar belakang untuk halaman caria...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">daripada 2023-08-23 14:06:46</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>189
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
      </div>
     </div>
     <div class="wzconZt">
      <div class="wzczt-title">
       <div>
        Topik-topik yang berkaitan
       </div>
       <a href="//m.sbmmt.com/ms/faq/zt" target="_blank">Lagi></a>
      </div>
      <div class="wzcttlist">
       <ul>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/css3jc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214430050304.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="tutorial css3"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/css3jc" class="title-a-spanl" title=""><span>tutorial css3</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/ynxcssjbsx"><img src="https://img.php.cn/upload/subject/202407/22/2024072213521545835.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah sifat kecerunan css3?"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/ynxcssjbsx" class="title-a-spanl" title=""><span>Apakah sifat kecerunan css3?</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/wxhyltjl"><img src="https://img.php.cn/upload/subject/202407/22/2024072214112357828.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="WeChat memulihkan sejarah sembang"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/wxhyltjl" class="title-a-spanl" title=""><span>WeChat memulihkan sejarah sembang</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/htmllwangye"><img src="https://img.php.cn/upload/subject/202407/22/2024072213510644330.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML untuk membuat halaman web"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/htmllwangye" class="title-a-spanl" title=""><span>HTML untuk membuat halaman web</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/docwjgs"><img src="https://img.php.cn/upload/subject/202407/22/2024072214181228520.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah format doc?"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/docwjgs" class="title-a-spanl" title=""><span>Apakah format doc?</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/filezillalmzm"><img src="https://img.php.cn/upload/subject/202407/22/2024072213460826919.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan aksara filezilla yang kacau"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/filezillalmzm" class="title-a-spanl" title=""><span>Bagaimana untuk menyelesaikan aksara filezilla yang kacau</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/tomcatnginxyn"><img src="https://img.php.cn/upload/subject/202407/22/2024072213270080672.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perbezaan antara tomcat dan nginx"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/tomcatnginxyn" class="title-a-spanl" title=""><span>Apakah perbezaan antara tomcat dan nginx</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/ckfwqzt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214015853896.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyemak status pelayan"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/ckfwqzt" class="title-a-spanl" title=""><span>Bagaimana untuk menyemak status pelayan</span></a></li>
       </ul>
      </div>
     </div>
    </div>
   </div>
   <div class="phpwzright">
    <div class="wzrOne">
     <div class="wzroTitle">
      Cadangan popular
     </div>
     <div class="wzroList">
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="什么是URL地址" href="//m.sbmmt.com/ms/faq/414430.html">什么是URL地址</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="web端是什么意思" href="//m.sbmmt.com/ms/faq/417340.html">web端是什么意思</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="编程语言有哪些" href="//m.sbmmt.com/ms/faq/414438.html">编程语言有哪些</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="什么是IT行业" href="//m.sbmmt.com/ms/faq/419217.html">什么是IT行业</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="error是什么意思" href="//m.sbmmt.com/ms/faq/414287.html">error是什么意思</a>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrThree">
     <div class="wzrthree-title">
      <div>
       Tutorial Popular
      </div>
      <a target="_blank" href="//m.sbmmt.com/ms/course.html">Lagi></a>
     </div>
     <div class="wzrthreelist swiper2">
      <div class="wzrthreeTab  swiper-wrapper">
       <div class="check tabdiv swiper-slide" data-id="one">
        Tutorial berkaitan
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="two">
        Cadangan popular
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="three">
        Kursus terkini
        <div></div>
       </div>
      </div>
      <ul class="one">
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/775.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611990466c2342.jpg" alt="Tutorial video pengenalan CSS3"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial video pengenalan CSS3" href="//m.sbmmt.com/ms/course/775.html">Tutorial video pengenalan CSS3</a>
         <div class="wzrthreerb">
          <div>
           30901
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="775">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/776.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/625e6c846cc4a518.jpg" alt="Tutorial video kesan khas CSS3"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial video kesan khas CSS3" href="//m.sbmmt.com/ms/course/776.html">Tutorial video kesan khas CSS3</a>
         <div class="wzrthreerb">
          <div>
           15225
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="776">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/601.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6257cc58d2d7c169.png" alt="7 hari untuk mengajar anda tutorial video HTML5 dan CSS3"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="7 hari untuk mengajar anda tutorial video HTML5 dan CSS3" href="//m.sbmmt.com/ms/course/601.html">7 hari untuk mengajar anda tutorial video HTML5 dan CSS3</a>
         <div class="wzrthreerb">
          <div>
           38350
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="601">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/714.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6257ca5a76b09289.png" alt="Tutorial video permulaan pantas HTML5+CSS3"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial video permulaan pantas HTML5+CSS3" href="//m.sbmmt.com/ms/course/714.html">Tutorial video permulaan pantas HTML5+CSS3</a>
         <div class="wzrthreerb">
          <div>
           124665
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="714">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/732.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/625f9d5d570a6609.jpg" alt="Tutorial video asas untuk bermula dengan CSS3"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial video asas untuk bermula dengan CSS3" href="//m.sbmmt.com/ms/course/732.html">Tutorial video asas untuk bermula dengan CSS3</a>
         <div class="wzrthreerb">
          <div>
           55931
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="732">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="two" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="//m.sbmmt.com/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
         <div class="wzrthreerb">
          <div>
           1397853 kali belajar
          </div>
          <div class="courseICollection" data-id="812">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Tutorial Video Permulaan JAVA" href="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
         <div class="wzrthreerb">
          <div>
           2373723 kali belajar
          </div>
          <div class="courseICollection" data-id="286">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
         <div class="wzrthreerb">
          <div>
           494856 kali belajar
          </div>
          <div class="courseICollection" data-id="504">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="//m.sbmmt.com/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a>
         <div class="wzrthreerb">
          <div>
           213734 kali belajar
          </div>
          <div class="courseICollection" data-id="901">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Kuasai tutorial video PS dari awal" href="//m.sbmmt.com/ms/course/234.html">Kuasai tutorial video PS dari awal</a>
         <div class="wzrthreerb">
          <div>
           847991 kali belajar
          </div>
          <div class="courseICollection" data-id="234">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="three" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="//m.sbmmt.com/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a>
         <div class="wzrthreerb">
          <div>
           3679 kali belajar
          </div>
          <div class="courseICollection" data-id="1648">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="//m.sbmmt.com/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a>
         <div class="wzrthreerb">
          <div>
           2820 kali belajar
          </div>
          <div class="courseICollection" data-id="1647">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="//m.sbmmt.com/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a>
         <div class="wzrthreerb">
          <div>
           2318 kali belajar
          </div>
          <div class="courseICollection" data-id="1646">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="//m.sbmmt.com/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a>
         <div class="wzrthreerb">
          <div>
           493 kali belajar
          </div>
          <div class="courseICollection" data-id="1645">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/ms/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="//m.sbmmt.com/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a>
         <div class="wzrthreerb">
          <div>
           12689 kali belajar
          </div>
          <div class="courseICollection" data-id="1644">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrFour">
     <div class="wzrfour-title">
      <div>
       Muat turun terkini
      </div>
      <a href="//m.sbmmt.com/ms/xiazai">Lagi></a>
     </div>
     <div class="wzrfourList swiper3">
      <div class="wzrfourlTab swiper-wrapper">
       <div class="check swiper-slide" data-id="onef">
        kesan web
        <div></div>
       </div>
       <div class="swiper-slide" data-id="twof">
        Kod sumber laman web
        <div></div>
       </div>
       <div class="swiper-slide" data-id="threef">
        Bahan laman web
        <div></div>
       </div>
       <div class="swiper-slide" data-id="fourf">
        Templat hujung hadapan
        <div></div>
       </div>
      </div>
      <ul class="onef">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[butang borang] kod hubungan borang mesej perusahaan jQuery" href="//m.sbmmt.com/ms/xiazai/js/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5" href="//m.sbmmt.com/ms/xiazai/js/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk" href="//m.sbmmt.com/ms/xiazai/js/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan" href="//m.sbmmt.com/ms/xiazai/js/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS" href="//m.sbmmt.com/ms/xiazai/js/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[kesan khas html5] Permainan kotak menolak html5 klasik" href="//m.sbmmt.com/ms/xiazai/js/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej" href="//m.sbmmt.com/ms/xiazai/js/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Kesan album foto] Kesan zum hover kulit album peribadi CSS3" href="//m.sbmmt.com/ms/xiazai/js/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</a>
        </div></li>
      </ul>
      <ul class="twof" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8328" title="[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8327" title="[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8326" title="[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8325" title="[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8324" title="[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8323" title="[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8322" title="[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8321" title="[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a>
        </div></li>
      </ul>
      <ul class="threef" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3078" target="_blank" title="[PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)">[PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3077" target="_blank" title="[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3076" target="_blank" title="[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3075" target="_blank" title="[PNG素材] 金色的毕业帽矢量素材(EPS+PNG)">[PNG素材] 金色的毕业帽矢量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3074" target="_blank" title="[PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3073" target="_blank" title="[PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3072" target="_blank" title="[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/sucai/3071" target="_blank" title="[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a>
        </div></li>
      </ul>
      <ul class="fourf" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8328" target="_blank" title="[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8327" target="_blank" title="[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8326" target="_blank" title="[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8325" target="_blank" title="[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8324" target="_blank" title="[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8323" target="_blank" title="[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8322" target="_blank" title="[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/ms/xiazai/code/8321" target="_blank" title="[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a>
        </div></li>
      </ul>
     </div>
    </div>
   </div>
  </div>
  <div class="phpFoot">
   <div class="phpFootIn">
    <div class="phpFootCont">
     <div class="phpFootLeft">
      <dl>
       <dt>
        <a href="//m.sbmmt.com/ms/about/us.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a>
        <a href="//m.sbmmt.com/ms/about/disclaimer.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a>
        <a href="//m.sbmmt.com/ms/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
        <div class="clear"></div>
       </dt>
       <dd class="cont1">
        Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!
       </dd>
      </dl>
     </div>
    </div>
   </div>
  </div>
  <input type="hidden" id="verifycode" value="/captcha.html">
  <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all">
 </body>
</html>