Menguasai HTML dan CSS untuk Temuduga: Soalan Wajib dan Yang Akan Mengejutkan Anda-tutorial css-php.cn

. Teg ini memberikan struktur dan kejelasan untuk menyusun kandungan.

6. Apakah DOCTYPE dan mengapa ia penting dalam dokumen HTML?
pengisytiharan mentakrifkan versi HTML yang akan digunakan. Dalam HTML5, pengisytiharan mudah memastikan halaman dipaparkan dengan betul dalam semua penyemak imbas.

7. Bagaimana untuk membuat pautan dalam HTML? Gunakan label: Klik di sini. Atribut href menentukan URL yang dituju oleh pautan.

8. Bagaimana untuk mencipta jadual dalam HTML?

Jadual dibuat menggunakan label, dan baris serta lajur menggunakan , dan . Contoh:

<table>
  <tr>
    <th>Ime</th>
    <th>Prezime</th>
  </tr>
  <tr>
    <td>Marko</td>
    <td>Marković</td>
  </tr>
</table>

Salin selepas log masuk

9. Apakah atribut alt imej dan mengapa ia penting?

Atribut alt menyediakan teks alternatif untuk imej yang tidak boleh dipaparkan. Ia penting untuk SEO dan kebolehaksesan, kerana pembaca skrin menggunakannya untuk menerangkan imej.

10. Bagaimana untuk mencipta borang dalam HTML?

Borang dibuat menggunakan teg dengan medan seperti , dan <butang>. Contoh: </strong> <br> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <form action="/submit" method="POST"> <input type="text" name="ime" placeholder="Unesi ime" /> <button type="submit">Pošalji</button> </form> </pre><div class="contentsignin">Salin selepas log masuk</div></div>11. Bagaimana untuk menggunakan input radio dan kotak semak?<p><strong> radio digunakan apabila perlu untuk memilih satu pilihan daripada kumpulan, manakala kotak semak membolehkan pemilihan beberapa pilihan. Contoh: </strong> <br> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <input type="radio" name="pol" value="muško" /> Muško <input type="radio" name="pol" value="žensko" /> Žensko <br> <input type="checkbox" name="hobi" value="sport" /> Sport </pre><div class="contentsignin">Salin selepas log masuk</div></div>12. Bagaimana untuk membenamkan video dalam HTML?<p><strong> Gunakan <video> tag:</strong> <br> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <video controls> <source src="video.mp4" type="video/mp4"> </video> </pre><div class="contentsignin">Salin selepas log masuk</div></div>13. Apakah atribut pemegang tempat dalam bentuk HTML?<p><strong> Atribut pemegang tempat menyediakan pembayang teks di dalam medan input yang boleh dilihat sehingga pengguna memasukkan data. Contoh: </strong> <br> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <input type="text" placeholder="Unesi svoje ime"> </pre><div class="contentsignin">Salin selepas log masuk</div></div>14. Bagaimanakah kita mentakrifkan senarai tersusun dan tidak tersusun?<p><strong> Gunakan <ol> untuk senarai bernombor dan <ul> untuk senarai bertitik tumpu mata. Item ditakrifkan menggunakan <li>. Contoh: </strong> <br> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <ul> <li>Prva stavka</li> <li>Druga stavka</li> </ul> </pre><div class="contentsignin">Salin selepas log masuk</div></div>15. Bagaimanakah cara kita membuat pautan luaran dan dalaman dalam HTML?<p><strong> Pautan luaran membawa ke halaman lain di Internet (URL penuh digunakan), manakala pautan dalaman membawa ke halaman lain dalam tapak (alamat relatif digunakan). Contoh: </strong> <br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <a href="https://example.com">Spoljni link</a> <a href="/kontakt">Unutrašnji link</a> </pre><div class="contentsignin">Salin selepas log masuk</div></div> <h3> CSS pitanja: </h3> <p><strong>16. Šta je CSS i čemu služi?</strong><br> CSS (Cascading Style Sheets) služi za stilizovanje HTML elemenata, definišući boje, margine, pozicioniranje, fontove, itd.</p> <p><strong>17. Koje su prednosti korišćenja eksternih CSS fajlova?</strong><br> Eksterni CSS fajlovi omogućavaju da se stilovi dele između više HTML stranica, smanjujući redundanciju i olakšavajući održavanje koda.</p> <p><strong>18. Kako primenjujemo CSS na HTML elemente?</strong><br> CSS se može primeniti na tri načina: inline (unutar HTML-a pomoću style atributa), u <style> oznaci unutar <head>, ili u eksternom CSS fajlu.</p> <p><strong>19. Objasni box model u CSS-u.</strong><br> CSS box model definiše kako se svaki HTML element prikazuje, uključujući sadržaj (content), padding, border, i margin. To je ključna osnova za razumevanje layout-a.</p> <p><img src="https://img.php.cn/upload/article/000/000/000/172674094934853.jpg" alt="Mastering HTML i CSS za Intervju: Obaveznih Pitanja i Koja će Vas Iznenaditi"></p> <p><strong>20. Kako dodati pozadinsku sliku u CSS-u?</strong><br> Koristi se background-image svojstvo:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> body { background-image: url('slika.jpg'); } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>21. Kako centrirati element horizontalno pomoću CSS-a?</strong><br> Za blok elemente koristi se margin: 0 auto ako element ima zadatu širinu. Za inline elemente koristi se text-align: center na roditelju.</p> <p><strong>22. Kako se kreiraju responsive web stranice pomoću CSS-a?</strong><br> Responsive dizajn se kreira korišćenjem media query-ja, fleksibilnih jedinica poput em, rem, i vw/vh, i fleksibilnih layout sistema kao što su Flexbox i Grid.</p> <p><strong>23. Šta su CSS pseudo-klase i kako se koriste?</strong><br> Pseudo-klase definišu posebna stanja elemenata, npr. :hover, :focus, :nth-child(). Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> a:hover { color: red; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>24. Kako koristiti Flexbox za postavljanje elemenata?</strong><br> Flexbox je moćan alat za postavljanje elemenata u jednom pravcu (horizontalno ili vertikalno) i koristi se pomoću display: flex. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> .container { display: flex; justify-content: center; align-items: center; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>25. Kako funkcionišu CSS grid layout sistemi?</strong><br> CSS Grid omogućava kreiranje dvodimenzionalnih layout-ova koristeći redove i kolone. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> .grid { display: grid; grid-template-columns: 1fr 2fr; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>26. Koja je razlika između inline i block elemenata u CSS-u?</strong><br> block elementi zauzimaju celu širinu roditeljskog elementa i počinju novi red (npr. <div>), dok inline elementi zauzimaju samo potrebnu širinu i stoje u istom redu (npr. <span>).</p> <p><strong>27. Kako funkcioniše z-index?</strong><br> z-index definiše redosled preklapanja elemenata. Elementi sa većim z-index vrednostima će biti iznad onih sa manjim vrednostima. Radi samo na elementima sa position vrednostima osim static.</p> <p><strong>28. Šta je razlika između position: relative, absolute, fixed, i sticky?</strong><br> - relative: Pozicionira element relativno prema njegovom uobičajenom mestu.<br><br> - absolute: Pozicionira element relativno prema najbližem pozicioniranom roditelju.<br><br> - fixed: Element je fiksiran u odnosu na prozor pretraživača.<br><br> - sticky: Kombinacija relative i fixed - ostaje relativan dok ne dosegne određenu tačku.</p> <p><strong>29. Kako se koristi calc() funkcija u CSS-u?</strong><br> calc() omogućava kombinovanje različitih CSS jedinica u izračunavanju vrednosti. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> div { width: calc(100% - 50px); } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>30. Kako se koristi transition za animaciju u CSS-u?</strong><br> transition omogućava dodavanje efekta prelaza između dva stanja elementa. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> button { background-color: blue; transition: background-color 0.3s ease; } button:hover { background-color: red; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>31. Kako primeniti više klasa na jedan HTML element?</strong><br> Više klasa se dodaje razdvajanjem njihovih imena razmakom. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <div class="box rounded"></div> </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>32. Kako se kreira vertikalni razmak između blok elemenata?</strong><br> Koristi se margin. Na primer, margin-top ili margin-bottom mogu kreirati razmak između elemenata.</p> <p><strong>33. Šta su CSS varijable i kako se koriste?</strong><br> CSS varijable omogućavaju definisanje prilagodljivih vrednosti koje se mogu koristiti više puta u stilovima. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> :root { --main-color: #96c1b0; } body { background-color: var(--main-color); } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>34. Kako izbeći CSS konflikte pomoću specificity pravila?</strong><br> Specificity određuje koja pravila će biti primenjena kada više selektora odgovaraju istom elementu. Specifičniji selektori (npr. ID selektori) imaju prednost nad opštim selektorima (npr. tagovi ili klase).</p> <ol> <li><p>Nivo - univerzalni selektor, ne utiče uopšte na specifičnost (*)</p></li> <li> <p>Nivo </p> <ul> <li>HTML selektor </li> <li>pseudo-element (::before, ::after, ::first-letter, ::first-line, ::selection...)</li> </ul> </li> <li> <p>Nivo </p> <ul> <li>selektor klase </li> <li>selektor HTML parametra (npr.: a[href$=".pdf"], input[name*="email"] , [class~="button"] ...)</li> <li>pseudo-klasa (:hover, :focus, :active, :first-child, :nth-child())</li> </ul> </li> <li><p>Nivo - ID selektor</p></li> <li><p>Nivo - inline CSS</p></li> <li><p>Nivo - !important pravilo</p></li> </ol> <p><strong>35. Šta znači !important i kada ga treba koristiti?</strong><br> !important preuzima prioritet nad bilo kojim drugim pravilima za isti element. Koristi se samo u posebnim slučajevima kada treba nadjačati pravilo.</p> <p><strong>36. Kako kreirati transition ili transform animacije u CSS-u?</strong><br> Koriste se svojstva poput transition za prelaze između stanja ili transform za transformacije (rotacija, skaliranje, itd.). Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> div { transition: transform 0.5s; } div:hover { transform: rotate(45deg); } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>37. Kako dodati senku elementima?</strong><br> Koristi se box-shadow za elemente kao što su div-ovi ili text-shadow za tekst. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> box { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>38. Šta znači display: none i kako se razlikuje od visibility: hidden?</strong><br> display: none potpuno uklanja element iz dokumenta i layout-a, dok visibility: hidden element čini nevidljivim, ali on i dalje zauzima prostor na stranici.</p> <p><strong>39. Kako koristiti media queries za prilagođavanje različitim uređajima?</strong><br> Media queries omogućavaju promenu stilova zavisno od veličine ekrana ili uređaja. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> @media (max-width: 768px) { body { background-color: blue; } } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>40. Kako koristiti float i koje su njegove alternative?</strong><br> float se koristi za postavljanje elemenata levo ili desno od roditeljskog elementa. Moderne alternative su Flexbox i Grid.</p> <p><strong>41. Kako kreirati transparentnost u CSS-u?</strong><br> Koristi se opacity ili RGBA boje. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> div { opacity: 0.5; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>42. Kako definišemo globalne stilove?</strong><br> Globalni stilovi se definišu na vrhu CSS fajla ili koristeći selektore poput * ili html, body. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> * { margin: 0; padding: 0; box-sizing: border-box; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>43. Šta su CSS vendor prefiksi i zašto su važni?</strong><br> Vendor prefiksi (npr. -webkit-, -moz-, -o-) omogućavaju podršku za novija CSS svojstva u različitim pretraživačima, dok svojstva još nisu potpuno standardizovana.</p> <p><strong>44. Kako koristiti min-width i max-width za responsivne dizajne?</strong><br> min-width i max-width ograničavaju minimalne i maksimalne širine elemenata, čime se osigurava prilagodljiv dizajn.</p> <p><strong>45. Kako primeniti iste stilove na više elemenata u CSS-u?</strong><br> Više selektora se može grupisati koristeći zarez. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> h1, h2, h3 { color: #96c1b0; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>46. Kako stilizovati forme u CSS-u?</strong><br> Možeš koristiti CSS pravila kao za druge elemente, ali može biti potrebno dodatno prilagođavanje za različite pretraživače. <br> Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> input[type="text"] { padding: 10px; border: 2px solid #96c1b0; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>47. Šta je clearfix trik u CSS-u?</strong><br> clearfix se koristi za rešavanje problema sa float elementima. Najčešće koristi pseudo-element:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> .clearfix::after { content: ""; display: table; clear: both; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>48. Kako koristiti aspect-ratio u CSS-u?</strong><br> aspect-ratio održava proporcije elementa (širina naspram visine) u zadatom odnosu. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> div { aspect-ratio: 16 / 9; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>49. Kako možemo kontrolisati protok teksta unutar elementa?</strong><br> Koriste se svojstva kao što su:</p> <ul> <li><p>white-space: kontroliše kako se upravlja razmacima i linijama unutar elementa (npr. nowrap za onemogućavanje prelamanja teksta).</p></li> <li><p>overflow: određuje šta se dešava sa sadržajem koji izlazi izvan granica elementa (npr. hidden, scroll, auto).</p></li> <li><p>text-overflow: koristi se zajedno sa overflow i white-space svojstvima za kontrolu kako se prikazuje višak teksta, npr. sa ellipsis dodaje tri tačke kada tekst prelazi granicu elementa. Primer:<br> </p></li> </ul> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>Ova svojstva omogućavaju kontrolu prikaza i formatiranja teksta, posebno u slučajevima kada je prostor za tekst ograničen.</p> <p><strong>50. Kako stilizovati listu tako da nema tačke ili brojeve?</strong><br> Koristi se svojstvo list-style-type: none;. Primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> ul { list-style-type: none; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>Ovo su najčešća i najbitnija pitanja sa odgovorima za HTML i CSS intervjue. Ova pitanja pokrivaju širok spektar osnovnih i naprednih tema, koje su ključne za web development.</p> <hr> <h2> Bonus pitanja </h2> <p>Evo 10 pitanja za HTML i CSS koja mogu biti neočekivana ili te mogu zbuniti na intervjuu, zajedno sa objašnjenjima:</p> <p><strong>1. Kako funkcioniše data-* atribut u HTML-u i za šta se koristi?</strong></p> <ul> <li> data-* atributi se koriste za čuvanje prilagođenih podataka u HTML elementima koje JavaScript može da koristi. Na primer: </li> </ul> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <div data-user-id="123"></div> </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>Možeš pristupiti ovim podacima pomoću JavaScript-a:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> var userId = document.querySelector('div').dataset.userId; </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>2. Šta se dešava ako u CSS-u primeniš width: 100% na element koji već ima padding i border?</strong><br> Podrazumevano, width: 100% će postaviti širinu elementa na 100% njegove roditeljske širine, ali će padding i border dodatno proširiti ukupnu širinu. Da bi to izbegao, koristi box-sizing: border-box, što uključuje padding i border u izračunavanje širine.</p> <p><strong>3. Koja je razlika između link i @import za dodavanje CSS-a u HTML?</strong></p> <p>link element se koristi u <head> sekciji za uključivanje CSS-a, dok se @import koristi unutar CSS fajlova za učitavanje drugih CSS fajlova. <br> Razlike:</p> <ul> <li><p>link je brži jer se CSS učitava paralelno.</p></li> <li><p>@import odlaže učitavanje CSS-a, što može usporiti renderovanje stranice.</p></li> <li><p>link je bolje podržan i ima veći prioritet.</p></li> </ul> <p><strong>4. Kako možeš stilizovati placeholder tekst u HTML input elementima?</strong><br> Koristi pseudo-klasu ::placeholder da bi stilizovao tekst unutar input polja. Na primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> input::placeholder { color: grey; font-style: italic; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>5. Šta se dešava kada postaviš position: absolute na element bez pozicioniranog roditelja?</strong><br> Ako roditeljski element nema zadatu poziciju (relative, absolute, fixed ili sticky), apsolutno pozicionirani element će se pozicionirati relativno prema prozoru pretraživača, a ne prema roditelju.</p> <p><strong>6. Kako kreirati trougao koristeći samo CSS?</strong><br> Trougao se kreira pomoću border svojstava. Na primer:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>Ovaj kod kreira crveni trougao.</p> <p><strong>7. Kako funkcionišu CSS rem i em jedinice i koja je razlika između njih?</strong><br> rem je relativna jedinica u odnosu na font-size root elementa (obično <html>), dok je em relativan u odnosu na font-size roditeljskog elementa. </p> <p>Na primer, ako je html { font-size: 16px; }:</p> <ul> <li><p>1rem je uvek 16px.</p></li> <li><p>1em zavisi od veličine fonta roditelja.</p></li> </ul> <p><strong>8. Kako radi zlatni rez (Golden Ratio) u web dizajnu i kako ga koristiš u CSS-u?</strong><br> Zlatni rez je odnos od otprilike 1.618:1 i često se koristi za raspored elemenata na stranici kako bi dizajn bio vizuelno prijatan. Može se koristiti za određivanje proporcija elemenata, npr. širine i visine sekcija:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> .box { width: 61.8%; height: 100%; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p><strong>9. Šta se dešava kada HTML dokument nema deklaraciju <!DOCTYPE html>?</strong><br> Bez <!DOCTYPE html>, pretraživač može prikazivati stranicu u "quirks mode", što uzrokuje ponašanje neusklađeno sa standardima, potencijalno menjajući renderovanje elemenata, veličine margina, itd.</p> <p><strong>10. Kako možeš učiniti da tekst bude selektibilan ili neselektibilan pomoću CSS-a?</strong><br> Koristi CSS svojstvo user-select. Na primer, da onemogućiš selektovanje teksta:<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> p { user-select: none; } </pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>Možeš omogućiti selektovanje sa user-select: text;.</p> <hr> <h2> Zaključak: </h2> <p>Intervju za poziciju front-end developera može biti izazovan, ali uz pravu pripremu možete se lako izboriti sa svim pitanjima. Osim što je važno savladati osnovne koncepte HTML-a i CSS-a, od koristi vam može biti i priprema za pitanja koja idu korak dalje i zahtevaju dublje razumevanje tehnologija. Neočekivana pitanja koja vas zbunjuju pružaju priliku da se izdvojite od konkurencije i pokažete svoju sposobnost za rešavanje problema na kreativne načine.</p> <p>Atas ialah kandungan terperinci Menguasai HTML dan CSS untuk Temuduga: Soalan Wajib dan Yang Akan Mengejutkan Anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div style="height: 25px;"> <div style="display: inline-flex;float: right; color:#333333;">sumber：dev.to</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/ms/faq/1796611180.html" title="Mengkonfigurasi Tailwind sebagai Sistem Reka Bentuk"> <span>Artikel sebelumnya：Mengkonfigurasi Tailwind sebagai Sistem Reka Bentuk</span> </a> <a href="http://www.php.cn/ms/faq/1796611442.html" title="Cara Membetulkan CSS Tailwind Tidak Berfungsi dalam Next.js"> <span>Artikel seterusnya：Cara Membetulkan CSS Tailwind Tidak Berfungsi dalam Next.js</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> </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="http://www.php.cn/ms/wenda/176411.html" target="_blank" title="function_exists() tidak boleh menentukan fungsi tersuai" class="wdcdcTitle">function_exists() tidak boleh menentukan fungsi tersuai</a> <a href="http://www.php.cn/ms/wenda/176411.html" class="wdcdcCons">Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-29 11:01:01</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>1787</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176410.html" target="_blank" title="Bagaimana untuk memaparkan versi mudah alih Google Chrome" class="wdcdcTitle">Bagaimana untuk memaparkan versi mudah alih Google Chrome</a> <a href="http://www.php.cn/ms/wenda/176410.html" class="wdcdcCons">Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-23 00:22:19</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>10</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1929</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176407.html" target="_blank" title="Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas." class="wdcdcTitle">Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas.</a> <a href="http://www.php.cn/ms/wenda/176407.html" class="wdcdcCons">Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-19 15:37:47</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1642</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176406.html" target="_blank" title="Tiada output dalam tetingkap induk" class="wdcdcTitle">Tiada output dalam tetingkap induk</a> <a href="http://www.php.cn/ms/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-18 23:52:34</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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1549</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176405.html" target="_blank" title="Di manakah perisian kursus tentang pemetaan minda CSS?" class="wdcdcTitle">Di manakah perisian kursus tentang pemetaan minda CSS?</a> <a href="http://www.php.cn/ms/wenda/176405.html" class="wdcdcCons">Perisian kursus</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-16 10:10:18</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1582</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="http://www.php.cn/ms/faq/zt" target="_blank">Lagi> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/ntuserdatsclh"><img src="https://img.php.cn/upload/subject/202407/22/2024072212120162372.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ntuser.dat kaedah pemulihan dipadamkan" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/ntuserdatsclh" class="title-a-spanl" title="ntuser.dat kaedah pemulihan dipadamkan"><span>ntuser.dat kaedah pemulihan dipadamkan</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/guidhmbrgs"><img src="https://img.php.cn/upload/subject/202407/22/2024072214225861856.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perbezaan antara format panduan dan mbr" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/guidhmbrgs" class="title-a-spanl" title="Apakah perbezaan antara format panduan dan mbr"><span>Apakah perbezaan antara format panduan dan mbr</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/fgetshsdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213424072128.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Penggunaan fungsi fgets" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/fgetshsdyf" class="title-a-spanl" title="Penggunaan fungsi fgets"><span>Penggunaan fungsi fgets</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ruang html" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/htmlkg" class="title-a-spanl" title="ruang html"><span>ruang html</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/datehsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214032747872.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="penggunaan fungsi tarikh" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/datehsyf" class="title-a-spanl" title="penggunaan fungsi tarikh"><span>penggunaan fungsi tarikh</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/juedyydsr"><img src="https://img.php.cn/upload/subject/202407/22/2024072214223414868.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Kaedah input rujukan mutlak" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/juedyydsr" class="title-a-spanl" title="Kaedah input rujukan mutlak"><span>Kaedah input rujukan mutlak</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/ggbzmm"><img src="https://img.php.cn/upload/subject/202407/22/2024072212325827129.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk membeli Dogecoin" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/ggbzmm" class="title-a-spanl" title="Bagaimana untuk membeli Dogecoin"><span>Bagaimana untuk membeli Dogecoin</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/jsscsjsdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072214113439427.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menjana nombor rawak dalam js" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/jsscsjsdff" class="title-a-spanl" title="Bagaimana untuk menjana nombor rawak dalam js"><span>Bagaimana untuk menjana nombor rawak dalam js</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="Bagaimana untuk menetapkan css untuk melebihi elips paparan" href="http://www.php.cn/ms/faq/482865.html">Bagaimana untuk menetapkan css untuk melebihi elips paparan</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="css怎么设置字体大小" href="http://www.php.cn/ms/faq/469426.html">css怎么设置字体大小</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="css中的hover怎么用" href="http://www.php.cn/ms/faq/417948.html">css中的hover怎么用</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Bagaimana untuk menetapkan jarak aksara dalam css" href="http://www.php.cn/ms/faq/482889.html">Bagaimana untuk menetapkan jarak aksara dalam css</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="css3新特性有哪些" href="http://www.php.cn/ms/faq/415878.html">css3新特性有哪些</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutorial Popular</div> <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" 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="http://www.php.cn/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>1416850 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="http://www.php.cn/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a> <div class="wzrthreerb"> <div>4257460 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" 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="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div>2475882 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" 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="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div>503692 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="http://www.php.cn/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a> <div class="wzrthreerb"> <div>844132 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" 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="http://www.php.cn/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 >1416850 kali belajar</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" 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="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div >2475882 kali belajar</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" 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="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div >503692 kali belajar</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" 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="http://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div >215275 kali belajar</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/234.html" title="Kuasai tutorial video PS dari awal" 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="http://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div >876915 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="http://www.php.cn/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" 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="http://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div >6364 kali belajar</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" 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="http://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div >5011 kali belajar</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" 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="http://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div >4197 kali belajar</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" 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="http://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div >633 kali belajar</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" 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="http://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div >21321 kali belajar</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Muat turun terkini</div> <a href="http://www.php.cn/ms/xiazai">Lagi> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <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="kod hubungan borang mesej perusahaan jQuery" href="http://www.php.cn/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 main balik kotak muzik MP3 HTML5" href="http://www.php.cn/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="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="http://www.php.cn/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="jQuery bentuk visual seret dan lepas kod penyuntingan" href="http://www.php.cn/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="Kod pemain muzik Kugou tiruan VUE.JS" href="http://www.php.cn/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="Permainan kotak menolak html5 klasik" href="http://www.php.cn/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="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="http://www.php.cn/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 zum hover kulit album peribadi CSS3" href="http://www.php.cn/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="http://www.php.cn/ms/xiazai/code/8328" title="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="http://www.php.cn/ms/xiazai/code/8327" title="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="http://www.php.cn/ms/xiazai/code/8326" title="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="http://www.php.cn/ms/xiazai/code/8325" title="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="http://www.php.cn/ms/xiazai/code/8324" title="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="http://www.php.cn/ms/xiazai/code/8323" title="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="http://www.php.cn/ms/xiazai/code/8322" title="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="http://www.php.cn/ms/xiazai/code/8321" title="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="http://www.php.cn/ms/xiazai/sucai/3078" target="_blank" title="Bahan vektor elemen musim panas yang comel (EPS+PNG)">[bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3077" target="_blank" title="Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)">[bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3076" target="_blank" title="Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)">[gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3075" target="_blank" title="Bahan vektor topi pengijazahan emas (EPS+PNG)">[bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3074" target="_blank" title="Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)">[bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3073" target="_blank" title="Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza">[bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3072" target="_blank" title="Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)">[gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/xiazai/sucai/3071" target="_blank" title="Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)">[bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (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="http://www.php.cn/ms/xiazai/code/8328" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8327" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8326" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8325" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8324" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8323" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8322" target="_blank" title="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="http://www.php.cn/ms/xiazai/code/8321" target="_blank" title="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> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/ms/about/xieyi.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a> <a href="http://www.php.cn/ms/about/yinsi.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a> <a href="http://www.php.cn/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"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1731060020"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

Menguasai HTML dan CSS untuk Temuduga: Soalan Wajib dan Yang Akan Mengejutkan Anda

soalan HTML: