<sup id="qy46k"></sup>
<ul id="qy46k"><button id="qy46k"></button></ul>
  • \n<\/pre>\n\n\n\n

    Elemen:<\/strong>
    \nElemen ialah blok binaan halaman web dan mewakili pelbagai jenis kandungan dan struktur dalam dokumen.<\/p>\n\n

    Komponen Elemen HTML:<\/strong><\/p>\n

    Opening Tag: The starting part of the element that defines the type of content that follows.\n    Example:

    ,

    ,
    , \n\nContent: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements.\n Example: This is a paragraph.\n\nClosing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (\/) before the tag name.\n Example: <\/p>, <\/h1>, <\/div>\n\nAttributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag.\n Example:>\n

    Example:<\/strong>
    \n<\/p>\n\n

    \n\n    ILUGC<\/title>\n<style>\n.container{\n    border:1px solid;\n    height:200%;\n    width:85%;\n    margin:auto;\n}\n.header h4{\n    text-transform: uppercase;\n    color:#e22d30;\n    border-top:1px solid green;\n    width: fit-content;\n    padding-top:10px;\n}\n.header{\n\n    margin:25px;\n}\n<\/style>\n<\/head>\n<body>
    <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n   <div>\n\n\n\n<p><strong>Explanation of the HTML Structure:<\/strong><br>\n<\/p>\n\n<pre><html>: Root element of the HTML document.\n        <head>: Contains metadata for the page, including the title and styles.\n        <body>:Contains the content visible on the page.\n\n    Inside the <head>:\n        The <title> tag gives the webpage its title when viewed in the browser tab.\n        The <style> tag contains the internal CSS to style the page.\n\n    Inside the <body>:\n\n        .container:A container div with a class container that holds all the page elements.\n            It's styled with a border, height, width, and centered using margin:auto.\n\n        .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.\n            The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.\n\n        navbar: This seems to be a placeholder for a navigation bar.\n\n        layout: A section for the main content layout, with two subsections:\n            mainLayout: Likely for the main content area.\n            sideLayout: Likely for a sidebar or additional content.\n\n        footer: Placeholder for the footer section.\n\n<\/pre>\n\n\n\n<p><strong>div:<\/strong><br>\nElemen ialah bekas peringkat blok yang digunakan untuk mengumpulkan elemen lain bersama-sama dan menggunakan sifat penggayaan atau reka letak padanya.<\/p>\n\n<p><strong>Pemilih Kelas:<\/strong><\/p>\n\n<p>Pemilih kelas digunakan untuk memilih dan menggayakan elemen yang mempunyai atribut kelas tertentu. Ia adalah salah satu pemilih yang paling biasa digunakan dalam CSS. Pemilih kelas ditakrifkan oleh titik (.) diikuti dengan nama kelas.<\/p>\n\n<p><strong>Sintaks:<\/strong><br>\n<\/p>\n\n<pre>.classname {\n\n}\n<\/pre>\n\n\n\n<p><strong>Pemilih Elemen:<\/strong><\/p>\n\n<p>Pemilih elemen (juga dikenali sebagai pemilih jenis) digunakan untuk memilih dan menggayakan elemen HTML berdasarkan nama tegnya. Ia membolehkan anda menggunakan gaya pada semua kejadian jenis elemen HTML tertentu dalam dokumen.<\/p>\n\n<p><strong>Sintaks:<\/strong><br>\n<\/p>\n\n<pre>element {\n\n}\n<\/pre>\n\n\n\n<p><strong>margin:<\/strong><\/p>\n\n<p>Sifat margin dalam CSS digunakan untuk mencipta ruang di luar elemen.<\/p>\n\n<p><strong>Sintaks:<\/strong><br>\n<\/p>\n\n<pre>element {\n  margin: value;\n}\n<\/pre>\n\n\n\n<p>lapik:<\/p>\n\n<p>Sifat padding dalam CSS digunakan untuk mencipta ruang di dalam elemen, antara kandungan dan sempadan. <\/p>\n\n<p><strong>Sintaks:<\/strong><br>\n<\/p>\n\n<pre>element {\n  padding: value;\n}\n<\/pre>\n\n\n\n\n          \n\n            \n        <\/pre><\/pre>"}	</script>
    	
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    </head>
    
    <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
    	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
    <header>
        <div   id="377j5v51b"   class="head">
            <div   id="377j5v51b"   class="haed_left">
                <div   id="377j5v51b"   class="haed_logo">
                    <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a">
                        <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                    </a>
                </div>
                <div   id="377j5v51b"   class="head_nav">
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                        <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                        <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                        <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                        <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div   id="377j5v51b"   class="head_search">
                    <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                    <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                </div>
                    <div   id="377j5v51b"   class="head_right">
                <div   id="377j5v51b"   class="haed_language">
                    <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                    <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                                                    <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                    <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                    <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                    <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                    <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                    <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                    <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                    <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                </div>
                    </div>
                </div>
                <span id="377j5v51b"    class="head_right_line"></span>
                                <div style="display: block;" id="login" class="haed_login ">
                        <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                    </div>
                    <div style="display: block;" id="reg" class="head_signup login">
                        <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                    </div>
                
            </div>
        </div>
    </header>
    
    	
    	<main>
    		<div   id="377j5v51b"   class="Article_Details_main">
    			<div   id="377j5v51b"   class="Article_Details_main1">
    							<div   id="377j5v51b"   class="Article_Details_main1M">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
    						<a href="http://www.miracleart.cn/ms/" title="Rumah"
    							class="phpgenera_Details_mainL1a">Rumah</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://www.miracleart.cn/ms/web-designer.html"
    							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://www.miracleart.cn/ms/css-tutorial.html"
    							class="phpgenera_Details_mainL1a">tutorial css</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    						<span>Hari -HTML dan CSS</span>
    					</div>
    					
    					<div   id="377j5v51b"   class="Articlelist_txts">
    						<div   id="377j5v51b"   class="Articlelist_txts_info">
    							<h1 class="Articlelist_txts_title">Hari -HTML dan CSS</h1>
    							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
    								<div   id="377j5v51b"   class="author_info">
    									<a href="http://www.miracleart.cn/ms/member/1468492.html"  class="author_avatar">
    									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/001/66ea8147b1057383.png" src="/static/imghw/default1.png" alt="Mary-Kate Olsen">
    									</a>
    									<div   id="377j5v51b"   class="author_detail">
    																			<a href="http://www.miracleart.cn/ms/member/1468492.html" class="author_name">Mary-Kate Olsen</a>
                                    										</div>
    								</div>
                    			</div>
    							<span id="377j5v51b"    class="Articlelist_txts_time">Jan 03, 2025 pm	 08:54 PM</span>
    														
    						</div>
    					</div>
    					<hr />
    					<div   id="377j5v51b"   class="article_main php-article">
    						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
    						<ins class="adsbygoogle"
    							style="display:block; text-align:center;"
    							data-ad-layout="in-article"
    							data-ad-format="fluid"
    							data-ad-client="ca-pub-5902227090019525"
    							data-ad-slot="3461856641">
    						</ins>
    						
    
    					<p><strong>HTML:</strong><br>
    HTML singkatan untuk Hyper Text Markup Language.<br>
    HTML ialah bahasa standard yang digunakan untuk membuat halaman web. <br>
    Ia mentakrifkan struktur halaman web menggunakan sistem tag atau elemen.</p>
    
    <p><strong>CSS:</strong></p>
    
    <p>CSS adalah singkatan kepada Cascading Style Sheets. <br>
    Ia digunakan untuk menggayakan dan memformat reka letak halaman web yang dibuat dengan HTML. <br>
    Ia mengawal perkara seperti warna, fon, jarak, kedudukan dan reka bentuk responsif. <br>
    CSS membolehkan anda memisahkan struktur (HTML) daripada reka bentuk (gaya), menjadikan tapak web lebih mudah diselenggara dan lebih fleksibel.</p>
    
    <p><strong>JS:</strong><br>
    Js bermaksud JavaScript.<br>
    Ia adalah bahasa pengaturcaraan yang digunakan untuk mencipta kesan dinamik dan interaktif dalam pelayar web. <br>
    Walaupun HTML menstruktur halaman dan CSS menggayakannya, JavaScript mendayakan interaksi dengan halaman dan boleh mengubah suai kandungan secara dinamik.</p>
    
    <p><strong>HTML:</strong><br>
    HTML ialah bahasa berasaskan teks yang mentakrifkan struktur dan makna kandungan web.</p>
    
    <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173590888843410.jpg" class="lazy" alt="Day -HTML ans CSS"></p>
    
    <p><strong>Teg bersendirian:</strong><br>
    Dalam HTML, teg bersendirian merujuk kepada elemen HTML yang tidak memerlukan teg penutup. Ini juga sering dirujuk sebagai teg penutup sendiri atau elemen tidak sah.</p>
    
    <p><strong>Contoh:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false"><br>
    <hr>
    <input>
    </pre>
    
    
    
    <p><strong>Teg struktur:</strong><br>
    Teg biasanya datang secara berpasangan: teg pembukaan dan teg penutup.</p>
    
    <p><strong>Contoh:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false"><html>
    <head>
    <body>
    </pre>
    
    
    
    <p><strong>Elemen:</strong><br>
    Elemen ialah blok binaan halaman web dan mewakili pelbagai jenis kandungan dan struktur dalam dokumen.</p>
    
    <p><strong>Komponen Elemen HTML:</strong></p>
    <pre class="brush:php;toolbar:false">Opening Tag: The starting part of the element that defines the type of content that follows.
        Example:<p>, <h1>, <div>, <img>
    
    Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements.
        Example: This is a paragraph.
    
    Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name.
       Example: </p>, </h1>, </div>
    
    Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag.
        Example:>
    <p><strong>Example:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false"><html>
    <head>
        <title>ILUGC</title>
    <style>
    .container{
        border:1px solid;
        height:200%;
        width:85%;
        margin:auto;
    }
    .header h4{
        text-transform: uppercase;
        color:#e22d30;
        border-top:1px solid green;
        width: fit-content;
        padding-top:10px;
    }
    .header{
    
        margin:25px;
    }
    </style>
    </head>
    <body>
       <div>
    
    
    
    <p><strong>Explanation of the HTML Structure:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false"><html>: Root element of the HTML document.
            <head>: Contains metadata for the page, including the title and styles.
            <body>:Contains the content visible on the page.
    
        Inside the <head>:
            The <title> tag gives the webpage its title when viewed in the browser tab.
            The <style> tag contains the internal CSS to style the page.
    
        Inside the <body>:
    
            .container:A container div with a class container that holds all the page elements.
                It's styled with a border, height, width, and centered using margin:auto.
    
            .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.
                The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.
    
            navbar: This seems to be a placeholder for a navigation bar.
    
            layout: A section for the main content layout, with two subsections:
                mainLayout: Likely for the main content area.
                sideLayout: Likely for a sidebar or additional content.
    
            footer: Placeholder for the footer section.
    
    </pre>
    
    
    
    <p><strong>div:</strong><br>
    Elemen ialah bekas peringkat blok yang digunakan untuk mengumpulkan elemen lain bersama-sama dan menggunakan sifat penggayaan atau reka letak padanya.</p>
    
    <p><strong>Pemilih Kelas:</strong></p>
    
    <p>Pemilih kelas digunakan untuk memilih dan menggayakan elemen yang mempunyai atribut kelas tertentu. Ia adalah salah satu pemilih yang paling biasa digunakan dalam CSS. Pemilih kelas ditakrifkan oleh titik (.) diikuti dengan nama kelas.</p>
    
    <p><strong>Sintaks:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false">.classname {
    
    }
    </pre>
    
    
    
    <p><strong>Pemilih Elemen:</strong></p>
    
    <p>Pemilih elemen (juga dikenali sebagai pemilih jenis) digunakan untuk memilih dan menggayakan elemen HTML berdasarkan nama tegnya. Ia membolehkan anda menggunakan gaya pada semua kejadian jenis elemen HTML tertentu dalam dokumen.</p>
    
    <p><strong>Sintaks:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false">element {
    
    }
    </pre>
    
    
    
    <p><strong>margin:</strong></p>
    
    <p>Sifat margin dalam CSS digunakan untuk mencipta ruang di luar elemen.</p>
    
    <p><strong>Sintaks:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false">element {
      margin: value;
    }
    </pre>
    
    
    
    <p>lapik:</p>
    
    <p>Sifat padding dalam CSS digunakan untuk mencipta ruang di dalam elemen, antara kandungan dan sempadan. </p>
    
    <p><strong>Sintaks:</strong><br>
    </p>
    
    <pre class="brush:php;toolbar:false">element {
      padding: value;
    }
    </pre>
    
    
    
    
              
    
                
            </pre></pre><p>Atas ialah kandungan terperinci Hari -HTML dan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
    
    
    						</div>
    					</div>
    					<div   id="377j5v51b"   class="wzconShengming_sp">
    						<div   id="377j5v51b"   class="bzsmdiv_sp">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>
    
    				<ins class="adsbygoogle"
         style="display:block"
         data-ad-format="autorelaxed"
         data-ad-client="ca-pub-5902227090019525"
         data-ad-slot="2507867629"></ins>
    
    
    
    				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
    
    
    				<ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-5902227090019525"
            data-ad-slot="3653428331"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        
    
    
    					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>2 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div> -->
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat AI Hot</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
    													<h3>Undress AI Tool</h3>
    												</a>
    												<p>Gambar buka pakaian secara percuma</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
    													<h3>Undresser.AI Undress</h3>
    												</a>
    												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
    													<h3>AI Clothes Remover</h3>
    												</a>
    												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
    													<h3>Clothoff.io</h3>
    												</a>
    												<p>Penyingkiran pakaian AI</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
    													<h3>Video Face Swap</h3>
    												</a>
    												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
    											</div>
    										</div>
    																</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    					
    
    
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>2 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat panas</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
    													<h3>Notepad++7.3.1</h3>
    												</a>
    												<p>Editor kod yang mudah digunakan dan percuma</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3 versi Cina</h3>
    												</a>
    												<p>Versi Cina, sangat mudah digunakan</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
    													<h3>Hantar Studio 13.0.1</h3>
    												</a>
    												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
    													<h3>Dreamweaver CS6</h3>
    												</a>
    												<p>Alat pembangunan web visual</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3 versi Mac</h3>
    												</a>
    												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
    											</div>
    										</div>
    																	</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    										
    
    					
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Topik panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>8637</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>17</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1783</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>16</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1727</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>56</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1577</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>28</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1442</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>31</span>
    										</div>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    							<div   id="377j5v51b"   class="Article_Details_main2">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
    						<div   id="377j5v51b"   class="phpmain1_2_top">
    							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
    									src="/static/imghw/index2_title2.png" alt="" /></a>
    						</div>
    						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
    
    													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796823628.html" title="Apa itu 'menyekat CSS'?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175069693197174.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apa itu 'menyekat CSS'?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796823628.html" title="Apa itu 'menyekat CSS'?" class="phphistorical_Version2_mids_title">Apa itu 'menyekat CSS'?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 24, 2025 am	 12:42 AM</span>
    								<p class="Articlelist_txts_p">CSS Blok halaman yang diberikan kerana pelayar melihat CSS dalam talian dan luaran sebagai sumber utama secara lalai, terutamanya dengan stylesheet yang diimport, header sejumlah besar CSS sebaris, dan gaya pertanyaan media yang tidak dapat dioptimumkan. 1. Ekstrak CSS kritikal dan membenamkannya ke HTML; 2. Kelewatan memuatkan CSS bukan kritikal melalui JavaScript; 3. Gunakan atribut media untuk mengoptimumkan pemuatan seperti gaya cetak; 4. Memampatkan dan menggabungkan CSS untuk mengurangkan permintaan. Adalah disyorkan untuk menggunakan alat untuk mengekstrak CSS utama, menggabungkan REL = "Preload" pemuatan asynchronous, dan menggunakan media yang ditangguhkan dengan munasabah untuk mengelakkan pemisahan yang berlebihan dan kawalan skrip kompleks.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796822133.html" title="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175035152168797.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796822133.html" title="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" class="phphistorical_Version2_mids_title">Luaran vs CSS Dalaman: Apakah pendekatan terbaik?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:45 AM</span>
    								<p class="Articlelist_txts_p">Thebestapproachforcssdependonstantheproject'ssspecificneeds.forlargerprojects, externalcssisbetterduetomaintainabilityability;</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796821588.html" title="Adakah CSS saya mesti berada di bawah kes?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175026415047262.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Adakah CSS saya mesti berada di bawah kes?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796821588.html" title="Adakah CSS saya mesti berada di bawah kes?" class="phphistorical_Version2_mids_title">Adakah CSS saya mesti berada di bawah kes?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:29 AM</span>
    								<p class="Articlelist_txts_p">Tidak, cssdoesnothavetobeinlowercase.however, menggunakanLowerCaseisRecommendorfendfor: 1) Consistencyandreadability, 2) Mengelakkaningerrorsinrelatedtechnologies, 3) potensiformanceBenefits, dan4) peningkatan yang lebih baik.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796821998.html" title="Kepekaan kes CSS: Memahami apa yang penting" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175034936181156.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kepekaan kes CSS: Memahami apa yang penting" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796821998.html" title="Kepekaan kes CSS: Memahami apa yang penting" class="phphistorical_Version2_mids_title">Kepekaan kes CSS: Memahami apa yang penting</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:09 AM</span>
    								<p class="Articlelist_txts_p">Cssismostlycase-insensitive, buturlsandfontfamilynamesarecase-sensitif.1) propertiesandvalueslikecolor: merah; arenotcase-sensitif.2) urlsmustmatchtheserver'scase, mis.,</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796828180.html" title="Apakah AutoPrefixer dan bagaimana ia berfungsi?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175139012130913.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah AutoPrefixer dan bagaimana ia berfungsi?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796828180.html" title="Apakah AutoPrefixer dan bagaimana ia berfungsi?" class="phphistorical_Version2_mids_title">Apakah AutoPrefixer dan bagaimana ia berfungsi?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 02, 2025 am	 01:15 AM</span>
    								<p class="Articlelist_txts_p">AutoPrefixer adalah alat yang secara automatik menambah awalan vendor ke atribut CSS berdasarkan skop penyemak imbas sasaran. 1. Ia menyelesaikan masalah mengekalkan awalan secara manual dengan kesilapan; 2. Bekerja melalui borang pemalam postcss, menghuraikan CSS, menganalisis atribut yang perlu diawali, dan menjana kod mengikut konfigurasi; 3. Langkah-langkah penggunaan termasuk memasang pemalam, menetapkan senarai pelayar, dan membolehkan mereka dalam proses membina; 4. Nota termasuk tidak menambah awalan secara manual, menyimpan kemas kini konfigurasi, awalan tidak semua atribut, dan disyorkan untuk menggunakannya dengan preprocessor.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796821606.html" title="Apakah kaunter CSS?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175026444127039.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah kaunter CSS?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796821606.html" title="Apakah kaunter CSS?" class="phphistorical_Version2_mids_title">Apakah kaunter CSS?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:34 AM</span>
    								<p class="Articlelist_txts_p">Csscounterscanautomaticallynumbersectionsandlists.1) useCounter-resettoinitialize, counter-incrementToinCrease, andCounter () orcounters () todisplayvalues.2) CombinWithjavascriptfordynamicContentToenSureAccurateupdates.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796821580.html" title="CSS: Bilakah kes perkara (dan kapan tidak)?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175026403168895.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="CSS: Bilakah kes perkara (dan kapan tidak)?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796821580.html" title="CSS: Bilakah kes perkara (dan kapan tidak)?" class="phphistorical_Version2_mids_title">CSS: Bilakah kes perkara (dan kapan tidak)?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:27 AM</span>
    								<p class="Articlelist_txts_p">Dalam CSS, nama pemilih dan atribut adalah sensitif kes, manakala nilai, warna yang dinamakan, URL, dan atribut tersuai adalah sensitif kes. 1. Nama pemilih dan atribut adalah kes-tidak sensitif, seperti warna latar belakang dan warna latar belakang adalah sama. 2. Warna heksadesimal dalam nilai adalah sensitif kes, tetapi warna bernama adalah sensitif kes, seperti merah dan merah tidak sah. 3. URL adalah sensitif kes dan boleh menyebabkan masalah pemuatan fail. 4. Sifat tersuai (pembolehubah) adalah sensitif kes, dan anda perlu memberi perhatian kepada konsistensi kes apabila menggunakannya.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796821622.html" title="Sensitiviti kes dalam CSS: pemilih, sifat, dan nilai yang dijelaskan" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175026469053848.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Sensitiviti kes dalam CSS: pemilih, sifat, dan nilai yang dijelaskan" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796821622.html" title="Sensitiviti kes dalam CSS: pemilih, sifat, dan nilai yang dijelaskan" class="phphistorical_Version2_mids_title">Sensitiviti kes dalam CSS: pemilih, sifat, dan nilai yang dijelaskan</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:38 AM</span>
    								<p class="Articlelist_txts_p">Cssselectorsandpropertynamesarecase-insensitive, whilevaluescanbecase-sensitivedependingoncontext.1) selectorslike'div'and'div'areequivalent.2) propertiesuchas'background-color'and'and'aretaretreatheatthlegase.3)</p>
    							</div>
    													</div>
    
    													<a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
    								<span>See all articles</span>
    								<img src="/static/imghw/down_right.png" alt="" />
    							</a>
    											</div>
    				</div>
    					</div>
    	</main>
    	<footer>
        <div   id="377j5v51b"   class="footer">
            <div   id="377j5v51b"   class="footertop">
                <img src="/static/imghw/logo.png" alt="">
                <p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p>
            </div>
            <div   id="377j5v51b"   class="footermid">
                <a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a>
                <a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
                <a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
            </div>
            <div   id="377j5v51b"   class="footerbottom">
                <p>
                    ? php.cn All rights reserved
                </p>
            </div>
        </div>
    </footer>
    
    <input type="hidden" id="verifycode" value="/captcha.html">
    
    
    
    
    		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
    	
    	
    	
    	
    	
    
    	
    	
    
    
    
    
    
    
    <footer>
    <div class="friendship-link">
    <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
    <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
    
    <div class="friend-links">
    
    
    </div>
    </div>
    
    </footer>
    
    
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>
    </body><div id="o6ywm" class="pl_css_ganrao" style="display: none;"><table id="o6ywm"></table><center id="o6ywm"></center><nav id="o6ywm"><bdo id="o6ywm"><table id="o6ywm"></table></bdo></nav><tbody id="o6ywm"></tbody><strong id="o6ywm"><object id="o6ywm"><bdo id="o6ywm"></bdo></object></strong><bdo id="o6ywm"></bdo><pre id="o6ywm"></pre><rt id="o6ywm"></rt><delect id="o6ywm"></delect><em id="o6ywm"></em><dd id="o6ywm"><pre id="o6ywm"><td id="o6ywm"></td></pre></dd><noframes id="o6ywm"></noframes><center id="o6ywm"></center><abbr id="o6ywm"></abbr><pre id="o6ywm"></pre><code id="o6ywm"></code><acronym id="o6ywm"></acronym><strike id="o6ywm"></strike><small id="o6ywm"><option id="o6ywm"></option></small><center id="o6ywm"></center><object id="o6ywm"></object><source id="o6ywm"><strong id="o6ywm"><wbr id="o6ywm"></wbr></strong></source><tbody id="o6ywm"></tbody><acronym id="o6ywm"></acronym><delect id="o6ywm"></delect><samp id="o6ywm"><acronym id="o6ywm"><xmp id="o6ywm"></xmp></acronym></samp><wbr id="o6ywm"></wbr><strong id="o6ywm"></strong><center id="o6ywm"></center><kbd id="o6ywm"></kbd><noframes id="o6ywm"><li id="o6ywm"><option id="o6ywm"></option></li></noframes><small id="o6ywm"></small><th id="o6ywm"></th><blockquote id="o6ywm"><tfoot id="o6ywm"><center id="o6ywm"></center></tfoot></blockquote><ul id="o6ywm"></ul><del id="o6ywm"></del><input id="o6ywm"></input><button id="o6ywm"><tr id="o6ywm"><acronym id="o6ywm"></acronym></tr></button><samp id="o6ywm"></samp><s id="o6ywm"></s><noframes id="o6ywm"></noframes><noframes id="o6ywm"><ul id="o6ywm"><option id="o6ywm"></option></ul></noframes><source id="o6ywm"><code id="o6ywm"><s id="o6ywm"></s></code></source><tfoot id="o6ywm"></tfoot><tr id="o6ywm"><em id="o6ywm"><del id="o6ywm"></del></em></tr><sup id="o6ywm"></sup><ul id="o6ywm"></ul><source id="o6ywm"></source><tbody id="o6ywm"></tbody><td id="o6ywm"></td><center id="o6ywm"></center><acronym id="o6ywm"></acronym><wbr id="o6ywm"><tfoot id="o6ywm"><input id="o6ywm"></input></tfoot></wbr><rt id="o6ywm"></rt><th id="o6ywm"><nav id="o6ywm"><cite id="o6ywm"></cite></nav></th><strike id="o6ywm"><menu id="o6ywm"><strong id="o6ywm"></strong></menu></strike><tr id="o6ywm"><acronym id="o6ywm"><del id="o6ywm"></del></acronym></tr><strike id="o6ywm"></strike><del id="o6ywm"></del><source id="o6ywm"></source><pre id="o6ywm"><xmp id="o6ywm"><dfn id="o6ywm"></dfn></xmp></pre><tr id="o6ywm"><pre id="o6ywm"><del id="o6ywm"></del></pre></tr><kbd id="o6ywm"></kbd><samp id="o6ywm"><tbody id="o6ywm"><td id="o6ywm"></td></tbody></samp><del id="o6ywm"></del><source id="o6ywm"><code id="o6ywm"><object id="o6ywm"></object></code></source><dl id="o6ywm"><nav id="o6ywm"><bdo id="o6ywm"></bdo></nav></dl><strong id="o6ywm"></strong><li id="o6ywm"></li><button id="o6ywm"></button><input id="o6ywm"></input><dfn id="o6ywm"></dfn><delect id="o6ywm"></delect><tfoot id="o6ywm"></tfoot><abbr id="o6ywm"></abbr><option id="o6ywm"></option><tfoot id="o6ywm"><center id="o6ywm"><dl id="o6ywm"></dl></center></tfoot><center id="o6ywm"><strong id="o6ywm"><object id="o6ywm"></object></strong></center><code id="o6ywm"><object id="o6ywm"><li id="o6ywm"></li></object></code><optgroup id="o6ywm"></optgroup><center id="o6ywm"></center><samp id="o6ywm"><pre id="o6ywm"><xmp id="o6ywm"></xmp></pre></samp><rt id="o6ywm"></rt><rt id="o6ywm"></rt><pre id="o6ywm"></pre><strong id="o6ywm"><s id="o6ywm"><small id="o6ywm"></small></s></strong><table id="o6ywm"></table><th id="o6ywm"></th><wbr id="o6ywm"></wbr><dd id="o6ywm"></dd><center id="o6ywm"></center><cite id="o6ywm"></cite><strong id="o6ywm"></strong><source id="o6ywm"></source><rt id="o6ywm"></rt><s id="o6ywm"></s><samp id="o6ywm"></samp></div>
    
    </html>