• <nav id="em4uq"></nav>
    <\/code>\n<\/li>\n<\/ul>\n<\/details>

    ????? pages<\/code>, html_test_1<\/code>, html_test_2<\/code> ? html_test_3<\/code> ??html_test_4<\/code>? ???? ??? ???? ?????.\n<\/h3>\n
    ??…\n``??\n$ ??? g ???? ??? html_test_1 html_test_2 html_test_3 html_test_4\n app\/controllers\/pages_controller.rb ??\n ??? \"pages\/html_test_1\"? ????.\n \"pages\/html_test_2\"? ????\n \"pages\/html_test_3\"? ????\n \"pages\/html_test_4\"? ????\n ???\n ?\/?\/??? ??\n app\/views\/pages\/html_test_1.html.erb ??\n app\/views\/pages\/html_test_2.html.erb ??\n app\/views\/pages\/html_test_3.html.erb ??\n app\/views\/pages\/html_test_4.html.erb ??\n ??? ??\n app\/helpers\/pages_helper.rb ??\n````\n<\/summary>\n
      ????? ??? ??? ? ??? ????? ??? ??? ?? ??? ?? ???? ? ????.
    • \n<\/li>\n
    • \nlocalhost:3000\/pages\/html_test_1<\/code>\n<\/li>\n
    • \nlocalhost:3000\/pages\/html_test_2<\/code>\n<\/li>\n
    • \nlocalhost:3000\/pages\/html_test_3<\/code>\n<\/li>\n
    • \nlocalhost:3000\/pages\/html_test_4<\/code>\n<\/li>\n<\/ul>VSCode? ????

      ?? ??config\/routes.rb<\/code>\n<\/h3>\n
        ?? ?? ?? ?? ???? ??? ??? ??? ???
      • ???? ? pages<\/code> ???? ?????. ??? ?? ????? ???? ???? ? ???? ? ?? ???? html_test_1<\/code> ????? pages<\/code> ???? ???. ??? ??? Rails? ?? ???? ?????. html_test_1<\/code>\n<\/li>\n<\/ul>\n
        \n    <\/title><meta content=\"width=device-width,initial-scale=1\" name=\"viewport\"><\/meta><meta content=\"yes\" name=\"apple-mobile-web-app-capable\"><\/meta><meta content=\"yes\" name=\"mobile-web-app-capable\"><\/meta><link href=\"\/icon.png\" rel=\"icon\" type=\"image\/png\"><\/link><link href=\"\/icon.svg\" rel=\"icon\" type=\"image\/svg+xml\"><\/link><link href=\"\/icon.png\" rel=\"apple-touch-icon\"><\/link><\/pre>\n<ul>???? ?? ? <li> ????? ???? ??? ??? ?? ?? ??? ??? ? ????.??? ??? <code>rails g controller pages html_test_1 html_test_2 html_test_3 html_test_4 --skip-routes<\/code><\/li>? ???.\n<\/ul>\n<\/details>\n<h3>Rails ?? ??<\/h3>\n<details><summary>??…<\/summary>???? ???? ????(`-c` ??)? ???? ??? ??? ? ????(?: `pages` ????).\n<pre><code>$ rails -v\nRails 8.0.0\n\n$ time rails new classless-css-tailwind\n...\nreal    0m47.500s\nuser    0m33.052s\nsys     0m4.249s<\/code><\/pre>\n<p>?? ?? ??? ???? ?? ??? ??? ? ????. <\/p>\n<pre><code>$ cd classless-css-tailwind && code .<\/code><\/pre>\n<ul>\n<li>??<code>http:\/\/127.0.0.1:3000\/rails\/info\/routes<\/code>? ???? ????? ?? ??? ???? ?? ????. ???? ???? <code>bin\/dev<\/code> ?? ?? <code>rails server<\/code>? ???? ?? ??? ???? ?? ?? ???. ?? ??? JavaScript ?? ? CSS ??? ?? ??? \"??\"?? ????? ???? ? ??? ??? ?????. <\/li>\n<li>??? ??? ?? ??? ?? ???? ?????? ??? Rails Live Reload? ?? gem? ???? ???. <\/li>\n<\/ul>\n<\/details>\n<h3>CSS ???? ????? ?? HTML ???? ??? 4?? ???? ?????. <\/h3>\n<p>Ruby on Rails? ????? MVC(Model-View-Controller) ????? ???? ???? ??? ?????. ???? ??? ?? ??? ???? ????. <\/p><ul>\n<li>???\/???? ?? ? ???? ??? ??? <code>app\/models<\/code> ??? ???? ???.\n<\/li>?? ?? ??(HTML, JSON, XML ?)? <li> ??? ????.\n<code>app\/views<\/code>?? ????? ??? ??? <\/li> ?? <li>? ????.\n<code>app\/controllers<\/code>\n<\/li><\/ul> ??? ?? ??<h3>\n<code>html_test_1<\/code><\/h3>??…<details>- https:\/\/github.com\/dbohdan\/classless-css\/blob\/master\/screenshot-page.html ??? ???? `<summary>` ??? ?? ??? ?????. ??, ??? ??\n<\/summary>\n<main>\n<pre><code>$ rails -v\nRails 8.0.0\n\n$ time rails new classless-css-tailwind\n...\nreal    0m47.500s\nuser    0m33.052s\nsys     0m4.249s<\/code><\/pre><\/details> ??? ?? ??<h3>\n<code>html_test_2<\/code><\/h3>??…<details>- https:\/\/gist.github.com\/tomaitland\/5865229 ??? ???? ??? ?? `<summary>` ?? ?? ?? ??? ?????.\n<\/summary>\n<form>?? ?? ??<pre><code>$ cd classless-css-tailwind && code .<\/code><\/pre> <legend>??: <\/legend> <label for=\"name\">???: <\/label> <label for=\"email\">??: <\/label> <label>?? ???: <\/label> <label><\/label>?? ???? ?: <fieldset> <legend>???? 1: <\/legend> <label>???? 2: <\/label> <label>???? 3: <\/label> <label>???? 4: <\/label> <label><\/label>??: <\/fieldset> <label>??: <\/label> <label>??, ??(??): <\/label> <label>??: <\/label> <label>???: <\/label> <label>?: <\/label> <label>??: <\/label> <label>????: <\/label> <label>?? ???: <\/label> <label><\/label>??? ??: <fieldset> <legend>??? 1: <\/legend> <label>??? 2: <\/label> <label>??? 3: <\/label> <label>??? 4: <\/label> <label><\/label>??: <\/fieldset> <label>???: <\/label> <label>??: <\/label> <label>??: <\/label> <label>??: <\/label> <label>???: <\/label> <label>URL: <\/label> <label>?: <\/label> ?????! >1? ??: <label> ??????<\/label>2? ??: <label> TestTest<\/label>?? ??: <label> TestTest<\/label>?? ??: <label> <\/label>TestTest<label><\/label>TestTest<optgroup label=\"First Group\"><\/optgroup>TestTest<optgroup label=\"Second Group\"><\/optgroup>\n<optgroup label=\"Third Group\"> ??? ??: <\/optgroup> <fieldset>- `app\/views\/pages\/html_test_2.html.erb` ??? ?? ?? ??? ??? ??????.\n<legend><\/legend>\n<datalist>\n<\/datalist>\n<\/fieldset> ??? ?? ??<\/details>\n<h3>\n<code>html_test_3<\/code>??...<\/h3>https:\/\/github.com\/cbracco\/html5-test-page\/blob\/master\/index.html ??? ???? `<details> ?? ?? ???? ?????. ` ??(??? `<summary>` ??? ??)\n<\/summary><\/details>"}	</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">
        <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>
        	<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/ko/" 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="?? ??" class="head_nava head_nava-template1">?? ??</a>
                            <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://www.miracleart.cn/ko/article.html" title="??" class="languagechoosea on">??</a>
                                    <a href="http://www.miracleart.cn/ko/faq/zt" title="??" class="languagechoosea">??</a>
                                    <a href="http://www.miracleart.cn/ko/wenda.html" title="Q&A" class="languagechoosea">Q&A</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="???" class="head_nava head_nava-template1_1">???</a>
                            <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://www.miracleart.cn/ko/course.html" title="??" class="languagechoosea on">??</a>
                                    <a href="http://www.miracleart.cn/ko/dic/" title="????? ??" class="languagechoosea">????? ??</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="?? ?????" class="head_nava head_nava-template1_2">?? ?????</a>
                            <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://www.miracleart.cn/ko/toolset/development-tools" title="?? ??" class="languagechoosea on">?? ??</a>
                                    <a href="http://www.miracleart.cn/ko/toolset/website-source-code" title="???? ?? ??" class="languagechoosea">???? ?? ??</a>
                                    <a href="http://www.miracleart.cn/ko/toolset/php-libraries" title="PHP ?????" class="languagechoosea">PHP ?????</a>
                                    <a href="http://www.miracleart.cn/ko/toolset/js-special-effects" title="JS ?? ??" class="languagechoosea on">JS ?? ??</a>
                                    <a href="http://www.miracleart.cn/ko/toolset/website-materials" title="???? ??" class="languagechoosea on">???? ??</a>
                                    <a href="http://www.miracleart.cn/ko/toolset/extension-plug-ins" title="?? ????" class="languagechoosea on">?? ????</a>
                                </div>
                            </div>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="http://www.miracleart.cn/ko/ai" title="AI ??" class="head_nava head_nava-template1_3">AI ??</a>
                        </div>
        
                        <div   id="377j5v51b"   class="head_navs">
                            <a href="javascript:;" title="??" class="head_nava head_nava-template1_3">??</a>
                            <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                                <div   id="377j5v51b"   class="languagechoose">
                                    <a href="http://www.miracleart.cn/ko/game" title="?? ????" class="languagechoosea on">?? ????</a>
                                    <a href="http://www.miracleart.cn/ko/mobile-game-tutorial/" title="?? ????" class="languagechoosea">?? ????</a>
        
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div   id="377j5v51b"   class="head_search">
                        <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ko')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                        <a href="javascript:;" title="??"  onclick="searchs('ko')"><img src="/static/imghw/find.png" alt="??"></a>
                    </div>
                        <div   id="377j5v51b"   class="head_right">
                    <div   id="377j5v51b"   class="haed_language">
                        <a href="javascript:;" class="layui-btn haed_language_btn">???<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:;" title="???" class="languagechoosea">???</a>
                                                        <a href="javascript:setlang('ms');" 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_main1L">
        					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
        						<div   id="377j5v51b"   class="Article_Details_main1L1">??</div>
        						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
        							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
        															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
        									<a href="#?-Rails-??????-???" title="? Rails ?????? ???" >? Rails ?????? ???</a>
        								</div>
        																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
        									<a href="#VSCode-??-????-????-????-?????-???" title="VSCode ?? ???? ???? ???? ????? ???" >VSCode ?? ???? ???? ???? ????? ???</a>
        								</div>
        																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
        									<a href="#Rails-??-??" title="Rails ?? ??" >Rails ?? ??</a>
        								</div>
        																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
        									<a href="#CSS-????-?????-??-HTML-????-???-??-????-?????" title="CSS ???? ????? ?? HTML ???? ??? 4?? ???? ?????. " >CSS ???? ????? ?? HTML ???? ??? 4?? ???? ?????. </a>
        								</div>
        														</div>
        					</div>
        				</div>
        							<div   id="377j5v51b"   class="Article_Details_main1M">
        					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
        						<a href="http://www.miracleart.cn/ko/" title="?"
        							class="phpgenera_Details_mainL1a">?</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        												<a href="http://www.miracleart.cn/ko/web-designer.html"
        							class="phpgenera_Details_mainL1a">? ?????</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        												<a href="http://www.miracleart.cn/ko/css-tutorial.html"
        							class="phpgenera_Details_mainL1a">CSS ????</a>
        						<img src="/static/imghw/top_right.png" alt="" />
        						<span>Tailwind? ??? ?? CSS ?????? ???? ?? Ruby on Rails ?????</span>
        					</div>
        					
        					<div   id="377j5v51b"   class="Articlelist_txts">
        						<div   id="377j5v51b"   class="Articlelist_txts_info">
        							<h1 class="Articlelist_txts_title">Tailwind? ??? ?? CSS ?????? ???? ?? Ruby on Rails ?????</h1>
        							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
        								<div   id="377j5v51b"   class="author_info">
        									<a href="http://www.miracleart.cn/ko/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/ko/member/1468492.html" class="author_name">Mary-Kate Olsen</a>
                                        										</div>
        								</div>
                        			</div>
        							<span id="377j5v51b"    class="Articlelist_txts_time">Jan 15, 2025 am	 10:44 AM</span>
        														
        						</div>
        					</div>
        					<hr />
        					<div   id="377j5v51b"   class="article_main php-article">
        						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
        						<ins class="adsbygoogle"
        							style="display:block; text-align:center;"
        							data-ad-layout="in-article"
        							data-ad-format="fluid"
        							data-ad-client="ca-pub-5902227090019525"
        							data-ad-slot="3461856641">
        						</ins>
        						
        
        					<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173690908826214.jpg" class="lazy" alt="Ruby on Rails  Frontend Rápido Usando Tailwind como um Frameworks CSS Classless"></p>
        <blockquote>
        <p>? ??? ? ???? ?? ??? ?? ????? ???? Tailwind ?????? ??? ?? CSS ?????? ???????. </p>
        </blockquote>
        <h3 id="?-Rails-??????-???">? Rails ?????? ???</h3>
        <ul>
        <li>
        <code>rails serve</code> ?? ?? <code>time</code>? ?? ??? ? ??? ???? ? ?????. ?? ???? 47?? ?????. </li>
        </ul>
        <pre class="brush:php;toolbar:false"><code>$ rails -v
        Rails 8.0.0
        
        $ time rails new classless-css-tailwind
        ...
        real    0m47.500s
        user    0m33.052s
        sys     0m4.249s</code></pre>
        <p>Rails 8? "No Build" ??? ?? ????? Propshaft? ??? ????? ?????? ???? Importmap? JavaScript ?????? ?????. Importmap? JavaScript ??? ???? ????. </p>
        <h3 id="VSCode-??-????-????-????-?????-???">VSCode ?? ???? ???? ???? ????? ???</h3>
        <pre class="brush:php;toolbar:false"><code>$ rails -v
        Rails 8.0.0
        
        $ time rails new classless-css-tailwind
        ...
        real    0m47.500s
        user    0m33.052s
        sys     0m4.249s</code></pre>
        <h3>Rails ?? ???? ?? <code>app/views/layouts/application.html.erb</code>
        </h3>
        <details><summary>??…</summary>- CoC(Convention Over Configuration) ??? ?? Rails? `application.html.erb`? ?? ?????? ???? ?? ???? ??????.
        - Rails 8? ?? ?? ??? ??? ????? ???? ???.
        <pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre>
        <ul>
        <li>
        <code><head></code> ???? ??? ??? ? ??? ??? ?? ??? ?? ??? ???? ????. <code><head></code> ??? ??(JavaScript ??), ??(CSS ??), ?? ??? ? ????? ??, CSRF ? CSP ??? ?? ?? ??? ???? ? ??? ?? ?????? ??? ???? ???? ? ?????.
        </li> ???? ?? ???? ERB ??? ?? <li> ??? ??????. ? ??? Rails?? ???? ???? ?? ???? ???? ?? ?? ?? ??? ???. <code><body></code>
        </li>
        </ul>
        </details><h3> ????? <code>pages</code>, <code>html_test_1</code>, <code>html_test_2</code> ? <code>html_test_3</code> ??<code>html_test_4</code>? ???? ??? ???? ?????.
        </h3>
        <details>??…<summary>
        ``??
        $ ??? g ???? ??? html_test_1 html_test_2 html_test_3 html_test_4
              app/controllers/pages_controller.rb ??
               ??? "pages/html_test_1"? ????.
                      "pages/html_test_2"? ????
                      "pages/html_test_3"? ????
                      "pages/html_test_4"? ????
              ???
              ?/?/??? ??
              app/views/pages/html_test_1.html.erb ??
              app/views/pages/html_test_2.html.erb ??
              app/views/pages/html_test_3.html.erb ??
              app/views/pages/html_test_4.html.erb ??
              ??? ??
              app/helpers/pages_helper.rb ??
        ````
        </summary>
        <ul>????? ??? ??? ? ??? ????? ??? ??? ?? ??? ?? ???? ? ????. <li>
        </li>
        <li>
        <code>localhost:3000/pages/html_test_1</code>
        </li>
        <li>
        <code>localhost:3000/pages/html_test_2</code>
        </li>
        <li>
        <code>localhost:3000/pages/html_test_3</code>
        </li>
        <li>
        <code>localhost:3000/pages/html_test_4</code>
        </li>
        </ul>VSCode? ???? <h3> ?? ??<code>config/routes.rb</code>
        </h3>
        <ul>?? ?? ?? ?? ???? ??? ??? ??? ??? <li> ???? ? <code>pages</code> ???? ?????. ??? ?? ????? ???? ???? ? ???? ? ?? ???? <code>html_test_1</code> ????? <code>pages</code> ???? ???. ??? ??? Rails? ?? ???? ?????. <code>html_test_1</code>
        </li>
        </ul>
        <pre class='brush:php;toolbar:false;'>
            <title></title><meta content="width=device-width,initial-scale=1" name="viewport"></meta><meta content="yes" name="apple-mobile-web-app-capable"></meta><meta content="yes" name="mobile-web-app-capable"></meta><link href="/icon.png" rel="icon" type="image/png"></link><link href="/icon.svg" rel="icon" type="image/svg+xml"></link><link href="/icon.png" rel="apple-touch-icon"></link></pre>
        <ul>???? ?? ? <li> ????? ???? ??? ??? ?? ?? ??? ??? ? ????.??? ??? <code>rails g controller pages html_test_1 html_test_2 html_test_3 html_test_4 --skip-routes</code></li>? ???.
        </ul>
        </details>
        <h3 id="Rails-??-??">Rails ?? ??</h3>
        <details><summary>??…</summary>???? ???? ????(`-c` ??)? ???? ??? ??? ? ????(?: `pages` ????).
        <pre class="brush:php;toolbar:false"><code>$ rails -v
        Rails 8.0.0
        
        $ time rails new classless-css-tailwind
        ...
        real    0m47.500s
        user    0m33.052s
        sys     0m4.249s</code></pre>
        <p>?? ?? ??? ???? ?? ??? ??? ? ????. </p>
        <pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre>
        <ul>
        <li>??<code>http://127.0.0.1:3000/rails/info/routes</code>? ???? ????? ?? ??? ???? ?? ????. ???? ???? <code>bin/dev</code> ?? ?? <code>rails server</code>? ???? ?? ??? ???? ?? ?? ???. ?? ??? JavaScript ?? ? CSS ??? ?? ??? "??"?? ????? ???? ? ??? ??? ?????. </li>
        <li>??? ??? ?? ??? ?? ???? ?????? ??? Rails Live Reload? ?? gem? ???? ???. </li>
        </ul>
        </details>
        <h3 id="CSS-????-?????-??-HTML-????-???-??-????-?????">CSS ???? ????? ?? HTML ???? ??? 4?? ???? ?????. </h3>
        <p>Ruby on Rails? ????? MVC(Model-View-Controller) ????? ???? ???? ??? ?????. ???? ??? ?? ??? ???? ????. </p><ul>
        <li>???/???? ?? ? ???? ??? ??? <code>app/models</code> ??? ???? ???.
        </li>?? ?? ??(HTML, JSON, XML ?)? <li> ??? ????.
        <code>app/views</code>?? ????? ??? ??? </li> ?? <li>? ????.
        <code>app/controllers</code>
        </li></ul> ??? ?? ??<h3>
        <code>html_test_1</code></h3>??…<details>- https://github.com/dbohdan/classless-css/blob/master/screenshot-page.html ??? ???? `<summary>` ??? ?? ??? ?????. ??, ??? ??
        </summary>
        <main>
        <pre class="brush:php;toolbar:false"><code>$ rails -v
        Rails 8.0.0
        
        $ time rails new classless-css-tailwind
        ...
        real    0m47.500s
        user    0m33.052s
        sys     0m4.249s</code></pre></details> ??? ?? ??<h3>
        <code>html_test_2</code></h3>??…<details>- https://gist.github.com/tomaitland/5865229 ??? ???? ??? ?? `<summary>` ?? ?? ?? ??? ?????.
        </summary>
        <form>?? ?? ??<pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre> <legend>??: </legend> <label for="name">???: </label> <label for="email">??: </label> <label>?? ???: </label> <label></label>?? ???? ?: <fieldset> <legend>???? 1: </legend> <label>???? 2: </label> <label>???? 3: </label> <label>???? 4: </label> <label></label>??: </fieldset> <label>??: </label> <label>??, ??(??): </label> <label>??: </label> <label>???: </label> <label>?: </label> <label>??: </label> <label>????: </label> <label>?? ???: </label> <label></label>??? ??: <fieldset> <legend>??? 1: </legend> <label>??? 2: </label> <label>??? 3: </label> <label>??? 4: </label> <label></label>??: </fieldset> <label>???: </label> <label>??: </label> <label>??: </label> <label>??: </label> <label>???: </label> <label>URL: </label> <label>?: </label> ?????! >1? ??: <label> ??????</label>2? ??: <label> TestTest</label>?? ??: <label> TestTest</label>?? ??: <label> </label>TestTest<label></label>TestTest<optgroup label="First Group"></optgroup>TestTest<optgroup label="Second Group"></optgroup>
        <optgroup label="Third Group"> ??? ??: </optgroup> <fieldset>- `app/views/pages/html_test_2.html.erb` ??? ?? ?? ??? ??? ??????.
        <legend></legend>
        <datalist>
        </datalist>
        </fieldset> ??? ?? ??</details>
        <h3>
        <code>html_test_3</code>??...</h3>https://github.com/cbracco/html5-test-page/blob/master/index.html ??? ???? `<details> ?? ?? ???? ?????. ` ??(??? `<summary>` ??? ??)
        </summary></details><p>? ??? Tailwind? ??? ?? CSS ?????? ???? ?? Ruby on Rails ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!</p>
        
        
        						</div>
        					</div>
        					<div   id="377j5v51b"   class="wzconShengming_sp">
        						<div   id="377j5v51b"   class="bzsmdiv_sp">? ????? ??</div>
        						<div>? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? 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>?? ??</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821119.html" title="??? : ??? ???? ?? ??/?? ?? ??/??" class="phpgenera_Details_mainR4_bottom_title">??? : ??? ???? ?? ??/?? ?? ??/??</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By DDD</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796827210.html" title="??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796828723.html" title="Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821436.html" title="Dune : ?? - ?? ?? ?? ??? ??" class="phpgenera_Details_mainR4_bottom_title">Dune : ?? - ?? ?? ?? ??? ??</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821278.html" title="?? ??? : Dirk and Harper ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ??? : Dirk and Harper ?? ???</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        														</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        								<a href="http://www.miracleart.cn/ko/article.html">???</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>? AI ??</h2>
        								</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/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/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
        													<h3>Undress AI Tool</h3>
        												</a>
        												<p>??? ???? ??</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/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/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
        													<h3>Undresser.AI Undress</h3>
        												</a>
        												<p>???? ?? ??? ??? ?? AI ?? ?</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/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/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
        													<h3>AI Clothes Remover</h3>
        												</a>
        												<p>???? ?? ???? ??? AI ?????.</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/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/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
        													<h3>Clothoff.io</h3>
        												</a>
        												<p>AI ? ???</p>
        											</div>
        										</div>
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/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/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
        													<h3>Video Face Swap</h3>
        												</a>
        												<p>??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!</p>
        											</div>
        										</div>
        																</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        									<a href="http://www.miracleart.cn/ko/ai">???</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>?? ??</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821119.html" title="??? : ??? ???? ?? ??/?? ?? ??/??" class="phpgenera_Details_mainR4_bottom_title">??? : ??? ???? ?? ??/?? ?? ??/??</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By DDD</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796827210.html" title="??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">??? ? ?? ??? | ?? ?? ?? ?? (Derby Musume)</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796828723.html" title="Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon ?? ??? | ?? ?? ?? ?? (Derby Musume)</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>2 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821436.html" title="Dune : ?? - ?? ?? ?? ??? ??" class="phpgenera_Details_mainR4_bottom_title">Dune : ?? - ?? ?? ?? ??? ??</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/1796821278.html" title="?? ??? : Dirk and Harper ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ??? : Dirk and Harper ?? ???</a>
        									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
        										<span>4 ? ? ?</span>
        										<span>By Jack chen</span>
        									</div>
        								</div>
        														</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        								<a href="http://www.miracleart.cn/ko/article.html">???</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>??? ??</h2>
        								</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
        																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/toolset/development-tools/92" title="???++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="???++7.3.1" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://www.miracleart.cn/ko/toolset/development-tools/92" title="???++7.3.1" class="phpmain_tab2_mids_title">
        													<h3>???++7.3.1</h3>
        												</a>
        												<p>???? ?? ?? ?? ???</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" 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 ??? ??" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://www.miracleart.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" class="phpmain_tab2_mids_title">
        													<h3>SublimeText3 ??? ??</h3>
        												</a>
        												<p>??? ??, ???? ?? ????.</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/toolset/development-tools/121" title="???? 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="???? 13.0.1 ???" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://www.miracleart.cn/ko/toolset/development-tools/121" title="???? 13.0.1 ???" class="phpmain_tab2_mids_title">
        													<h3>???? 13.0.1 ???</h3>
        												</a>
        												<p>??? PHP ?? ?? ??</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/toolset/development-tools/469" title="???? 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="???? CS6" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://www.miracleart.cn/ko/toolset/development-tools/469" title="???? CS6" class="phpmain_tab2_mids_title">
        													<h3>???? CS6</h3>
        												</a>
        												<p>??? ? ?? ??</p>
        											</div>
        										</div>
        																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
        											<a href="http://www.miracleart.cn/ko/toolset/development-tools/500" title="SublimeText3 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 Mac ??" />
        											</a>
        											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
        												<a href="http://www.miracleart.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac ??" class="phpmain_tab2_mids_title">
        													<h3>SublimeText3 Mac ??</h3>
        												</a>
        												<p>? ??? ?? ?? ?????(SublimeText3)</p>
        											</div>
        										</div>
        																	</div>
        								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
        									<a href="http://www.miracleart.cn/ko/ai">???</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>??? ??</h2>
        							</div>
        							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
        															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
        									<a href="http://www.miracleart.cn/ko/faq/gmailyxdlrkzn" title="Gmail ???? ??? ??? ??? ????" class="phpgenera_Details_mainR4_bottom_title">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>8638</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/ko/faq/java-tutorial" title="?? ????" class="phpgenera_Details_mainR4_bottom_title">?? ????</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/ko/faq/cakephp-tutor" title="Cakephp ????" class="phpgenera_Details_mainR4_bottom_title">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>1728</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/ko/faq/laravel-tutori" title="??? ????" class="phpgenera_Details_mainR4_bottom_title">??? ????</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>1579</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/ko/faq/php-tutorial" title="PHP ????" class="phpgenera_Details_mainR4_bottom_title">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>1444</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/ko/faq/zt">???</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/ko/faq/1796823628.html" title="'?? ??? 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="'?? ??? CSS'? ??????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796823628.html" title="'?? ??? CSS'? ??????" class="phphistorical_Version2_mids_title">'?? ??? CSS'? ??????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 24, 2025 am	 12:42 AM</span>
        								<p class="Articlelist_txts_p">CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796822133.html" title="?? ? ?? 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/175035152168797.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="?? ? ?? CSS : ?? ?? ??? ??????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796822133.html" title="?? ? ?? CSS : ?? ?? ??? ??????" class="phphistorical_Version2_mids_title">?? ? ?? CSS : ?? ?? ??? ??????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:45 AM</span>
        								<p class="Articlelist_txts_p">TheBestoproachforcssdspectionseproject'sspecificneeds.forlargerProjects, externalcsSisbetterduetomainabainabainabilitableability ? forsmallerprojectsorsingle-pageapplications, ?? csmightbemoresuitable.it 'scrucialtobalanceprojectsize, ??</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796821588.html" title="? 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/175026415047262.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="? CSS? ???? ???????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796821588.html" title="? CSS? ???? ???????" class="phphistorical_Version2_mids_title">? CSS? ???? ???????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:29 AM</span>
        								<p class="Articlelist_txts_p">???, cssdoesnothavetobeInlowercase. ???, lowercaseisRecomedended for : 1) ??? ? ??, 2) ??? ?? rorsinerrorsinerrorsIngerRorsIngerRorsInteChnologies, 3) ??? ?? ??, ? 4) ?? ? ???? ????.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796821998.html" title="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/175034936181156.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="CSS ?? ??? : ??? ?? ?????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796821998.html" title="CSS ?? ??? : ??? ?? ?????" class="phphistorical_Version2_mids_title">CSS ?? ??? : ??? ?? ?????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 20, 2025 am	 12:09 AM</span>
        								<p class="Articlelist_txts_p">cssismostlycase-Insensitive, buturlsandfamilynamesarecase-insensitive.1) propertiesandvalueslikecolor : red; anteOtcase-inditive.2) urlsmustmatchtheserver'scase, ?? ??,/images/logo.png.3) fontfamilynames'opens'mustoccase.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796828180.html" title="autopRefixer ? ???? ??? ??????" 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="autopRefixer ? ???? ??? ??????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796828180.html" title="autopRefixer ? ???? ??? ??????" class="phphistorical_Version2_mids_title">autopRefixer ? ???? ??? ??????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 02, 2025 am	 01:15 AM</span>
        								<p class="Articlelist_txts_p">AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796821606.html" title="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="CSS ??? ? ??????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796821606.html" title="CSS ??? ? ??????" class="phphistorical_Version2_mids_title">CSS ??? ? ??????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:34 AM</span>
        								<p class="Articlelist_txts_p">CSSCOUNTERSCANAUTOMALLYNUMBERSESSESSENDS.1) USECOUNTER-RESETTIONITIALIZE, CORKENT-INCREMENTTOINCERES, andCOUNTER () ORCOUNTERS () TODISPLAYVALUES.2) COMPINEWITHJAVAISCRIPTORDINAMICCONTENTTOEREACCUTERUPDATES.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796821580.html" title="CSS : Case Case? ?? ???? ?????" 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 : Case Case? ?? ???? ?????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796821580.html" title="CSS : Case Case? ?? ???? ?????" class="phphistorical_Version2_mids_title">CSS : Case Case? ?? ???? ?????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jun 19, 2025 am	 12:27 AM</span>
        								<p class="Articlelist_txts_p">CSS?? ??? ? ?? ??? ?? ??? ???? ??, ??, URL ? ??? ?? ????? ?? ?? ??? ?????. 1. ???? ?? ??? ??? ? ???? ?? ?? ??? ??????. 2. ?? 16 ?? ??? ?? ??? ?????, ??? ???? ???? ?? ??? ??? ???? ????. 3. URL? ??? ???? ???? ??? ??? ? ????. 4. ??? ?? ?? (??)? ??? ???? ??? ? ???? ??????? ???????.</p>
        							</div>
        														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
        								<a href="http://www.miracleart.cn/ko/faq/1796827610.html" title="Conic-Gradient () ??? ??????" 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/175130377175874.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Conic-Gradient () ??? ??????" />
        								</a>
        								<a href="http://www.miracleart.cn/ko/faq/1796827610.html" title="Conic-Gradient () ??? ??????" class="phphistorical_Version2_mids_title">Conic-Gradient () ??? ??????</a>
        								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 01, 2025 am	 01:16 AM</span>
        								<p class="Articlelist_txts_p">theconic-gradient () functionincsscreatescurcular gradientsthattroTecolorstopsaroundacentral point</p>
        							</div>
        													</div>
        
        													<a href="http://www.miracleart.cn/ko/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>???? ??? PHP ??,PHP ???? ?? ??? ?????!</p>
                </div>
                <div   id="377j5v51b"   class="footermid">
                    <a href="http://www.miracleart.cn/ko/about/us.html">?? ??</a>
                    <a href="http://www.miracleart.cn/ko/about/disclaimer.html">?? ??</a>
                    <a href="http://www.miracleart.cn/ko/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="0qamu" class="pl_css_ganrao" style="display: none;"><delect id="0qamu"></delect><dl id="0qamu"></dl><tr id="0qamu"></tr><li id="0qamu"></li><del id="0qamu"><menu id="0qamu"><tbody id="0qamu"></tbody></menu></del><fieldset id="0qamu"><tr id="0qamu"><menu id="0qamu"></menu></tr></fieldset><strike id="0qamu"></strike><tr id="0qamu"></tr><td id="0qamu"></td><strong id="0qamu"></strong><table id="0qamu"><th id="0qamu"><samp id="0qamu"></samp></th></table><th id="0qamu"><blockquote id="0qamu"><optgroup id="0qamu"></optgroup></blockquote></th><dd id="0qamu"><pre id="0qamu"><bdo id="0qamu"></bdo></pre></dd><li id="0qamu"></li><pre id="0qamu"></pre><pre id="0qamu"></pre><button id="0qamu"></button><object id="0qamu"></object><kbd id="0qamu"><optgroup id="0qamu"><cite id="0qamu"></cite></optgroup></kbd><sup id="0qamu"></sup><ul id="0qamu"><em id="0qamu"><strike id="0qamu"></strike></em></ul><dd id="0qamu"><noframes id="0qamu"><fieldset id="0qamu"></fieldset></noframes></dd><em id="0qamu"></em><delect id="0qamu"></delect><tbody id="0qamu"><menu id="0qamu"><tbody id="0qamu"></tbody></menu></tbody><acronym id="0qamu"></acronym><strike id="0qamu"><kbd id="0qamu"><optgroup id="0qamu"></optgroup></kbd></strike><bdo id="0qamu"></bdo><nav id="0qamu"><dl id="0qamu"><xmp id="0qamu"></xmp></dl></nav><pre id="0qamu"><code id="0qamu"><dd id="0qamu"></dd></code></pre><small id="0qamu"><td id="0qamu"><em id="0qamu"></em></td></small><sup id="0qamu"></sup><xmp id="0qamu"><abbr id="0qamu"><code id="0qamu"></code></abbr></xmp><source id="0qamu"></source><code id="0qamu"></code><tbody id="0qamu"></tbody><dd id="0qamu"><noframes id="0qamu"><code id="0qamu"></code></noframes></dd><option id="0qamu"><tbody id="0qamu"><td id="0qamu"></td></tbody></option><pre id="0qamu"></pre><code id="0qamu"></code><dd id="0qamu"></dd><object id="0qamu"></object><strike id="0qamu"></strike><fieldset id="0qamu"><delect id="0qamu"><nav id="0qamu"></nav></delect></fieldset><td id="0qamu"><option id="0qamu"><tbody id="0qamu"></tbody></option></td><acronym id="0qamu"></acronym><optgroup id="0qamu"></optgroup><pre id="0qamu"></pre><source id="0qamu"><tr id="0qamu"><kbd id="0qamu"></kbd></tr></source></div>
        
        </html>