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>Wenn der Parameter <ul> beim Erstellen des Controllers übergeben wird, k?nnen Sie das Hinzufügen von Routen für die erstellte Aktion ignorieren.Der vollst?ndige Befehl wird zu <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-Routen anzeigen<\/h3>\n<details><summary>Erweitern…<\/summary>Mit dem Terminal k?nnen Sie einen Controller (mit ?-c“) angeben, um die Route anzuzeigen, zum Beispiel den ?pages“-Controller:\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>Alternativ k?nnen Sie den folgenden Befehl verwenden, um alle Routen anzuzeigen: <\/p>\n<pre><code>$ cd classless-css-tailwind && code .<\/code><\/pre>\n<ul>\n<li>Sie k?nnen die Route auch über Ihren Browser unter der Adresse <code>http:\/\/127.0.0.1:3000\/rails\/info\/routes<\/code> aufrufen. Vergessen Sie nicht, den Entwicklungsserver mit <code>bin\/dev<\/code> oder Standard <code>rails server<\/code> im Projektstammverzeichnis zu starten. Der Entwicklungsserver ?lauscht“ auf ?nderungen an JavaScript-Dateien und CSS-Dateien, um die erforderliche Verarbeitung durchzuführen, um sie dem Benutzer bereitzustellen. <\/li>\n<li>Damit ?nderungen an diesen Dateien sofort ausgeführt und im Browser angezeigt werden k?nnen, muss ein Gem wie Rails Live Reload installiert werden. <\/li>\n<\/ul>\n<\/details>\n<h3>Wir werden vier Seiten mit HTML-Inhalten erstellen, um CSS-Stile zu testen. <\/h3>\n<p>Ruby on Rails verwendet standardm??ig die MVC-Architektur (Model-View-Controller), um die Projektorganisation zu initiieren. Der gr??te Teil des Codes ist in den folgenden Ordnern organisiert: <\/p><ul>\n<li>Code, der sich auf Dom?nen-\/Gesch?ftslogik und Daten bezieht, sollte im Ordner <code>app\/models<\/code> gespeichert werden\n<\/li>Anzeigebezogener Code (HTML, JSON, XML usw.) befindet sich im Ordner <li>;\n<code>app\/views<\/code>Code, der sich auf den Anforderungslebenszyklus bezieht, befindet sich im Ordner <\/li>\n<li>\n<code>app\/controllers<\/code>Fügen Sie den Inhalt der <\/li>Seite<\/ul> ein\n<h3><code>html_test_1<\/code>Erweitern…<\/h3>- Besuchen Sie den Link https:\/\/github.com\/dbohdan\/classless-css\/blob\/master\/screenshot-page.html und kopieren Sie den gesamten Inhalt innerhalb von ?<details>“. Tag, wie unten gezeigt\n<summary>\n<\/summary>\n<main>Fügen Sie den Inhalt der <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>Seite<\/details> ein\n<h3><code>html_test_2<\/code>Erweitern…<\/h3>- Besuchen Sie den Link https:\/\/gist.github.com\/tommaitland\/5865229 und kopieren Sie den gesamten Inhalt innerhalb des `<details>`-Tags, wie unten gezeigt\n<summary>\n<\/summary>Eine Beispielformularlegende<form> <pre><code>$ cd classless-css-tailwind && code .<\/code><\/pre>Name: <legend> <\/legend>E-Mail: <label for=\"name\"> <\/label>Schaltfl?che: <label for=\"email\"> <\/label>Einzelnes Kontrollk?stchen: <label> <\/label><label>Gruppe Anzahl der Kontrollk?stchen: <\/label> <fieldset>Kontrollk?stchen 1: <legend> <\/legend>Kontrollk?stchen 2: <label> <\/label>Kontrollk?stchen 3: <label> <\/label>Kontrollk?stchen 4: <label> <\/label><label>Farbe: <\/label> <\/fieldset>Datum: <label> <\/label>Datum, Uhrzeit (lokal): <label> <\/label>Datei: <label> <\/label>Bild: <label> <\/label>Monat: <label> <\/label>Nummer: <label> <\/label>Passwort: <label> <\/label>Einzelnes Radio: <label> <\/label><label>Gruppe von Radios: <\/label> <fieldset>Radio 1: <legend> <\/legend>Radio 2: <label> <\/label>Radio 3: <label> <\/label>Radio 4: <label> <\/label><label>Bereich: <\/label> <\/fieldset>Zurücksetzen: <label> <\/label>Zeit: <label> <\/label>Suche: <label> <\/label>Tel: <label> <\/label>Text: <label> <\/label>URL: <label> <\/label>Woche: <label> Dies ist ein Button <\/label>W?hlen Sie 1: <label>TestTest<\/label>W?hlen Sie 2: <label>TestTest<\/label>Mehrere ausw?hlen: <label>TestTest<\/label>Gruppen ausw?hlen: <label> <\/label>TestTest<label><\/label>TestTest<optgroup label=\"First Group\"><\/optgroup>TestTest<optgroup label=\"Second Group\"><\/optgroup>\n<optgroup label=\"Third Group\"> Datenliste: <\/optgroup> <fieldset>- ?ffnen Sie die Datei ?app\/views\/pages\/html_test_2.html.erb“ und fügen Sie den oben kopierten Inhalt ein\n<legend><\/legend>\n<datalist>\n<\/datalist>Fügen Sie den Inhalt der <\/fieldset>Seite<\/details> ein\n<h3>\n<code>html_test_3<\/code>Erweitern...<\/h3>Besuchen Sie den Link https:\/\/github.com\/cbracco\/html5-test-page\/blob\/master\/index.html und kopieren Sie den gesamten Inhalt nach dem `<details> `-Tag, wobei der Text ?<summary>“ enthalten ist\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/de/" 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="Gemeinschaft" class="head_nava head_nava-template1">Gemeinschaft</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://www.miracleart.cn/de/faq/zt" title="Themen" class="languagechoosea">Themen</a>
<a href="http://www.miracleart.cn/de/wenda.html" title="Fragen und Antworten" class="languagechoosea">Fragen und Antworten</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Lernen" class="head_nava head_nava-template1_1">Lernen</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/course.html" title="Kurs" class="languagechoosea on">Kurs</a>
<a href="http://www.miracleart.cn/de/dic/" title="Programmierw?rterbuch" class="languagechoosea">Programmierw?rterbuch</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Tools-Bibliothek" class="head_nava head_nava-template1_2">Tools-Bibliothek</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/toolset/development-tools" title="Entwicklungswerkzeuge" class="languagechoosea on">Entwicklungswerkzeuge</a>
<a href="http://www.miracleart.cn/de/toolset/website-source-code" title="Quellcode der Website" class="languagechoosea">Quellcode der Website</a>
<a href="http://www.miracleart.cn/de/toolset/php-libraries" title="PHP-Bibliotheken" class="languagechoosea">PHP-Bibliotheken</a>
<a href="http://www.miracleart.cn/de/toolset/js-special-effects" title="JS-Spezialeffekte" class="languagechoosea on">JS-Spezialeffekte</a>
<a href="http://www.miracleart.cn/de/toolset/website-materials" title="Website-Materialien" class="languagechoosea on">Website-Materialien</a>
<a href="http://www.miracleart.cn/de/toolset/extension-plug-ins" title="Erweiterungs-Plug-Ins" class="languagechoosea on">Erweiterungs-Plug-Ins</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://www.miracleart.cn/de/ai" title="KI-Tools" class="head_nava head_nava-template1_3">KI-Tools</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Freizeit" class="head_nava head_nava-template1_3">Freizeit</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/de/game" title="Spiel-Download" class="languagechoosea on">Spiel-Download</a>
<a href="http://www.miracleart.cn/de/mobile-game-tutorial/" title="Spiel-Tutorials" class="languagechoosea">Spiel-Tutorials</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('de')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="suchen" onclick="searchs('de')"><img src="/static/imghw/find.png" alt="suchen"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">Deutsch<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:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:;" 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">Inhaltsverzeichnis</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="#Erstellen-Sie-eine-neue-Rails-Anwendung" title="Erstellen Sie eine neue Rails-Anwendung" >Erstellen Sie eine neue Rails-Anwendung</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#?ffnen-Sie-das-Projekt-mit-VSCode-oder-Ihrem-bevorzugten-Editor" title="?ffnen Sie das Projekt mit VSCode oder Ihrem bevorzugten Editor" >?ffnen Sie das Projekt mit VSCode oder Ihrem bevorzugten Editor</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Rails-Routen-anzeigen" title="Rails-Routen anzeigen" >Rails-Routen anzeigen</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Wir-werden-vier-Seiten-mit-HTML-Inhalten-erstellen-um-CSS-Stile-zu-testen" title="Wir werden vier Seiten mit HTML-Inhalten erstellen, um CSS-Stile zu testen. " >Wir werden vier Seiten mit HTML-Inhalten erstellen, um CSS-Stile zu testen. </a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#code-html-test-code-Erweitern" title="<code>html_test_2</code>Erweitern…" ><code>html_test_2</code>Erweitern…</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/de/" title="Heim"
class="phpgenera_Details_mainL1a">Heim</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/de/web-designer.html"
class="phpgenera_Details_mainL1a">Web-Frontend</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/de/css-tutorial.html"
class="phpgenera_Details_mainL1a">CSS-Tutorial</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Schnelles Ruby on Rails-Frontend mit Tailwind als klassenloses CSS-Framework</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Schnelles Ruby on Rails-Frontend mit Tailwind als klassenloses CSS-Framework</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://www.miracleart.cn/de/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/de/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>Dieser Artikel ist den vorherigen Artikeln dieser Serie sehr ?hnlich, aber dieses Mal werden wir das Tailwind-Framework als klassenloses CSS-Framework verwenden. </p>
</blockquote>
<h3 id="Erstellen-Sie-eine-neue-Rails-Anwendung">Erstellen Sie eine neue Rails-Anwendung</h3>
<ul>
<li>
<code>rails serve</code> Das <code>time</code> vor dem Befehl wird verwendet, um die Gesamtzeit der Befehlsausführung anzuzeigen. Das folgende Beispiel dauerte 47 Sekunden. </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 verwendet standardm??ig Propshaft als Ressourcen-Pipeline-Bibliothek und Importmap als JavaScript-Bibliothek, basierend auf seiner ?No Build“-Philosophie. Importmap führt keine JavaScript-Verarbeitung durch. </p>
<h3 id="?ffnen-Sie-das-Projekt-mit-VSCode-oder-Ihrem-bevorzugten-Editor">?ffnen Sie das Projekt mit VSCode oder Ihrem bevorzugten Editor</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>Grundlegendes zum Rails-Standardlayout <code>app/views/layouts/application.html.erb</code>
</h3>
<details><summary>Erweitern…</summary>- Gem?? dem Prinzip ?Convention over Configuration“ (CoC) verwendet Rails ?application.html.erb“ als Standardlayout zum Rendern aller Seiten.
- Der ursprüngliche Dateiinhalt in Rails 8 sollte gleich oder ?hnlich sein wie:
<pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre>
<ul>
Das <li>
<code><head></code>-Tag enth?lt wichtige Strukturelemente für die Seitendarstellung und das ordnungsgem??e Funktionieren. <code><head></code> Wird verwendet, um Metadaten und wichtige Ressourcen zu enthalten, die dabei helfen, das Verhalten der Seite (mithilfe von JavaScript), das Erscheinungsbild (mithilfe von CSS), die Verknüpfung mit anderen Systemen und Diensten sowie Sicherheitseinstellungen wie CSRF- und CSP-Schutz zu konfigurieren;
Der Hauptinhalt der </li>-Seite wird innerhalb des <li> über das ERB-Tag gerendert. Dieses Tag dient als Integrationspunkt für die Aufnahme von Ansichtsinhalten, die von Rails dynamisch gerendert werden
<code><body></code>
</li>
</ul>Generieren Sie eine Testseite mit dem </details>-Controller und den Aktionen <h3>, <code>pages</code>, <code>html_test_1</code> und <code>html_test_2</code><code>html_test_3</code>
<code>html_test_4</code>
</h3>Erweitern…<details>
?Bash
$ Rails G-Controller-Seiten html_test_1 html_test_2 html_test_3 html_test_4
Erstellen Sie app/controllers/pages_controller.rb
Route holen Sie sich ?pages/html_test_1“
Holen Sie sich ?pages/html_test_2“
Holen Sie sich ?pages/html_test_3“
Holen Sie sich ?pages/html_test_4“
invokeerb
App/Ansichten/Seiten erstellen
Erstellen Sie app/views/pages/html_test_1.html.erb
Erstellen Sie app/views/pages/html_test_2.html.erb
Erstellen Sie app/views/pages/html_test_3.html.erb
Erstellen Sie app/views/pages/html_test_4.html.erb
Helfer aufrufen
Erstellen Sie app/helpers/pages_helper.rb
?
<summary>
</summary>Da beim Erstellen von Controllern und Aktionen auch Routen hinzugefügt werden, k?nnen alle erstellten Aktionen über den folgenden Link aufgerufen werden: <ul>
<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>Verwenden Sie VSCode, um die </ul> Datei<h3> zu ?ffnen
<code>config/routes.rb</code>
</h3>Fügen Sie am Ende der Datei die folgenden Zeilen hinzu, um den Seitenstamm auf den zuvor erstellten <ul>-Controller und die <li>-Aktion zu leiten. Auf diese Weise wird beim Zugriff auf Ihre Website oder Ihr System als erste Seite die Seite <code>pages</code> des <code>html_test_1</code>-Controllers angezeigt. Andernfalls wird die Standardseite von Rails angezeigt. <code>pages</code>
<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>Wenn der Parameter <ul> beim Erstellen des Controllers übergeben wird, k?nnen Sie das Hinzufügen von Routen für die erstellte Aktion ignorieren.Der vollst?ndige Befehl wird zu <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-Routen-anzeigen">Rails-Routen anzeigen</h3>
<details><summary>Erweitern…</summary>Mit dem Terminal k?nnen Sie einen Controller (mit ?-c“) angeben, um die Route anzuzeigen, zum Beispiel den ?pages“-Controller:
<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>Alternativ k?nnen Sie den folgenden Befehl verwenden, um alle Routen anzuzeigen: </p>
<pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre>
<ul>
<li>Sie k?nnen die Route auch über Ihren Browser unter der Adresse <code>http://127.0.0.1:3000/rails/info/routes</code> aufrufen. Vergessen Sie nicht, den Entwicklungsserver mit <code>bin/dev</code> oder Standard <code>rails server</code> im Projektstammverzeichnis zu starten. Der Entwicklungsserver ?lauscht“ auf ?nderungen an JavaScript-Dateien und CSS-Dateien, um die erforderliche Verarbeitung durchzuführen, um sie dem Benutzer bereitzustellen. </li>
<li>Damit ?nderungen an diesen Dateien sofort ausgeführt und im Browser angezeigt werden k?nnen, muss ein Gem wie Rails Live Reload installiert werden. </li>
</ul>
</details>
<h3 id="Wir-werden-vier-Seiten-mit-HTML-Inhalten-erstellen-um-CSS-Stile-zu-testen">Wir werden vier Seiten mit HTML-Inhalten erstellen, um CSS-Stile zu testen. </h3>
<p>Ruby on Rails verwendet standardm??ig die MVC-Architektur (Model-View-Controller), um die Projektorganisation zu initiieren. Der gr??te Teil des Codes ist in den folgenden Ordnern organisiert: </p><ul>
<li>Code, der sich auf Dom?nen-/Gesch?ftslogik und Daten bezieht, sollte im Ordner <code>app/models</code> gespeichert werden
</li>Anzeigebezogener Code (HTML, JSON, XML usw.) befindet sich im Ordner <li>;
<code>app/views</code>Code, der sich auf den Anforderungslebenszyklus bezieht, befindet sich im Ordner </li>
<li>
<code>app/controllers</code>Fügen Sie den Inhalt der </li>Seite</ul> ein
<h3 id="code-html-test-code-Erweitern"><code>html_test_1</code>Erweitern…</h3>- Besuchen Sie den Link https://github.com/dbohdan/classless-css/blob/master/screenshot-page.html und kopieren Sie den gesamten Inhalt innerhalb von ?<details>“. Tag, wie unten gezeigt
<summary>
</summary>
<main>Fügen Sie den Inhalt der <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>Seite</details> ein
<h3 id="code-html-test-code-Erweitern"><code>html_test_2</code>Erweitern…</h3>- Besuchen Sie den Link https://gist.github.com/tommaitland/5865229 und kopieren Sie den gesamten Inhalt innerhalb des `<details>`-Tags, wie unten gezeigt
<summary>
</summary>Eine Beispielformularlegende<form> <pre class="brush:php;toolbar:false"><code>$ cd classless-css-tailwind && code .</code></pre>Name: <legend> </legend>E-Mail: <label for="name"> </label>Schaltfl?che: <label for="email"> </label>Einzelnes Kontrollk?stchen: <label> </label><label>Gruppe Anzahl der Kontrollk?stchen: </label> <fieldset>Kontrollk?stchen 1: <legend> </legend>Kontrollk?stchen 2: <label> </label>Kontrollk?stchen 3: <label> </label>Kontrollk?stchen 4: <label> </label><label>Farbe: </label> </fieldset>Datum: <label> </label>Datum, Uhrzeit (lokal): <label> </label>Datei: <label> </label>Bild: <label> </label>Monat: <label> </label>Nummer: <label> </label>Passwort: <label> </label>Einzelnes Radio: <label> </label><label>Gruppe von Radios: </label> <fieldset>Radio 1: <legend> </legend>Radio 2: <label> </label>Radio 3: <label> </label>Radio 4: <label> </label><label>Bereich: </label> </fieldset>Zurücksetzen: <label> </label>Zeit: <label> </label>Suche: <label> </label>Tel: <label> </label>Text: <label> </label>URL: <label> </label>Woche: <label> Dies ist ein Button </label>W?hlen Sie 1: <label>TestTest</label>W?hlen Sie 2: <label>TestTest</label>Mehrere ausw?hlen: <label>TestTest</label>Gruppen ausw?hlen: <label> </label>TestTest<label></label>TestTest<optgroup label="First Group"></optgroup>TestTest<optgroup label="Second Group"></optgroup>
<optgroup label="Third Group"> Datenliste: </optgroup> <fieldset>- ?ffnen Sie die Datei ?app/views/pages/html_test_2.html.erb“ und fügen Sie den oben kopierten Inhalt ein
<legend></legend>
<datalist>
</datalist>Fügen Sie den Inhalt der </fieldset>Seite</details> ein
<h3>
<code>html_test_3</code>Erweitern...</h3>Besuchen Sie den Link https://github.com/cbracco/html5-test-page/blob/master/index.html und kopieren Sie den gesamten Inhalt nach dem `<details> `-Tag, wobei der Text ?<summary>“ enthalten ist
</summary></details><p>Das obige ist der detaillierte Inhalt vonSchnelles Ruby on Rails-Frontend mit Tailwind als klassenloses CSS-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">Erkl?rung dieser Website</div>
<div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an 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>Hei?er Artikel</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821119.html" title="Handbuch: Stellar Blade Dateispeicherort speichern/Datei speichern/nicht speichern" class="phpgenera_Details_mainR4_bottom_title">Handbuch: Stellar Blade Dateispeicherort speichern/Datei speichern/nicht speichern</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Wochen vor</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796827210.html" title="Oguri Cap Build Guide | Ein hübsches Derby -Musume" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Ein hübsches Derby -Musume</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796828723.html" title="Agnes Tachyon Build Guide | Ein hübsches Derby -Musume" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Ein hübsches Derby -Musume</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821436.html" title="Dune: Erwachen - Fortgeschrittener Planetologe Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Erwachen - Fortgeschrittener Planetologe Quest Walkthrough</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821278.html" title="Datum alles: Dirk und Harper Relationship Guide" class="phpgenera_Details_mainR4_bottom_title">Datum alles: Dirk und Harper Relationship Guide</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/de/article.html">Mehr anzeigen</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>Hei?e KI -Werkzeuge</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Ausziehbilder kostenlos</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>KI-gestützte App zum Erstellen realistischer Aktfotos</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>KI-Kleiderentferner</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/de/ai">Mehr anzeigen</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>Hei?er Artikel</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821119.html" title="Handbuch: Stellar Blade Dateispeicherort speichern/Datei speichern/nicht speichern" class="phpgenera_Details_mainR4_bottom_title">Handbuch: Stellar Blade Dateispeicherort speichern/Datei speichern/nicht speichern</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Wochen vor</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796827210.html" title="Oguri Cap Build Guide | Ein hübsches Derby -Musume" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Ein hübsches Derby -Musume</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796828723.html" title="Agnes Tachyon Build Guide | Ein hübsches Derby -Musume" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Ein hübsches Derby -Musume</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821436.html" title="Dune: Erwachen - Fortgeschrittener Planetologe Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Erwachen - Fortgeschrittener Planetologe Quest Walkthrough</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/1796821278.html" title="Datum alles: Dirk und Harper Relationship Guide" class="phpgenera_Details_mainR4_bottom_title">Datum alles: Dirk und Harper Relationship Guide</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Wochen vor</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/de/article.html">Mehr anzeigen</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>Hei?e Werkzeuge</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Einfach zu bedienender und kostenloser Code-Editor</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" 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 chinesische Version" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 chinesische Version</h3>
</a>
<p>Chinesische Version, sehr einfach zu bedienen</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie 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="Senden Sie Studio 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Senden Sie Studio 13.0.1</h3>
</a>
<p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/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/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Visuelle Webentwicklungstools</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" 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-Version" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac-Version</h3>
</a>
<p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/de/ai">Mehr anzeigen</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>Hei?e Themen</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</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/de/faq/java-tutorial" title="Java-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java-Tutorial</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/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</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/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</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/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</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/de/faq/zt">Mehr anzeigen</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/de/faq/1796823628.html" title="Was ist 'Render-Blocking-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="Was ist 'Render-Blocking-CSS'?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796823628.html" title="Was ist 'Render-Blocking-CSS'?" class="phphistorical_Version2_mids_title">Was ist 'Render-Blocking-CSS'?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:42 AM</span>
<p class="Articlelist_txts_p">CSS -Bl?cke Seitenrenderung, da Browser inline und externe CSS standardm??ig als wichtige Ressourcen anzeigen, insbesondere mit importierten Stylesheets, Header gro?er Mengen an Inline -CSS und nicht optimierten Medienfragestilen. 1. extrahieren kritische CSS und einbetten Sie es in HTML ein; 2. Verz?gerung des Ladens nichtkritischer CSS durch JavaScript; 3.. Verwenden Sie Medienattribute, um das Laden wie Druckstile zu optimieren. 4. Komprimieren und verschmelzen CSS, um Anfragen zu reduzieren. Es wird empfohlen, Tools zum Extrahieren von Schlüssel -CSS zu verwenden, REL = "Vorspannung" zu kombinieren, und verwenden Sie die asynchrone Belastung und verwenden Sie die Medienverz?gerungsladeverletzung, um eine überm??ige Aufteilung und eine komplexe Skriptsteuerung zu vermeiden.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796822133.html" title="Externe vs. interne CSS: Was ist der beste Ansatz?" 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="Externe vs. interne CSS: Was ist der beste Ansatz?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796822133.html" title="Externe vs. interne CSS: Was ist der beste Ansatz?" class="phphistorical_Version2_mids_title">Externe vs. interne CSS: Was ist der beste Ansatz?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:45 AM</span>
<p class="Articlelist_txts_p">ThebestApproachforcssDependsonTheProject'Sspecificneeds.forlargerProjects, externalcssisbetterDuetomaintainability;</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796821588.html" title="Muss mein CSS im unteren Fall sein?" 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="Muss mein CSS im unteren Fall sein?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796821588.html" title="Muss mein CSS im unteren Fall sein?" class="phphistorical_Version2_mids_title">Muss mein CSS im unteren Fall sein?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:29 AM</span>
<p class="Articlelist_txts_p">Nein, cssdoesnothavetobeinlowercase.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796821998.html" title="CSS -Fallempfindlichkeit: Verstehen, worauf es ankommt" 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 -Fallempfindlichkeit: Verstehen, worauf es ankommt" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796821998.html" title="CSS -Fallempfindlichkeit: Verstehen, worauf es ankommt" class="phphistorical_Version2_mids_title">CSS -Fallempfindlichkeit: Verstehen, worauf es ankommt</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:09 AM</span>
<p class="Articlelist_txts_p">Csssmostlycase-unempfindlich, buturlsandfontfamilynamesarecase-sensitiv.1) Eigenschaften und ValueslikeColor: rot; sensitiv.2) URLSMUTMATTHESERVER'SCASE, z.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796828180.html" title="Was ist Autoprefixer und wie funktioniert es?" 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="Was ist Autoprefixer und wie funktioniert es?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796828180.html" title="Was ist Autoprefixer und wie funktioniert es?" class="phphistorical_Version2_mids_title">Was ist Autoprefixer und wie funktioniert es?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:15 AM</span>
<p class="Articlelist_txts_p">AutoPrefixer ist ein Tool, das die Pr?fixe von Anbietern automatisch zu CSS -Attributen basierend auf dem Zielbrowserbereich hinzufügt. 1. Es l?st das Problem, die Pr?fixe mit Fehlern manuell aufrechtzuerhalten. 2. Arbeiten Sie das POSTCSS-Plug-in-Formular durch, analysieren Sie CSS, analysieren Sie Attribute, die vorangestellt werden müssen, und generieren Sie den Code gem?? Konfiguration. 3.. 4. Notizen enthalten nicht manuelles Hinzufügen von Pr?fixen, Konfigurationsaktualisierungen, Pr?fixe nicht alle Attribute, und es wird empfohlen, sie mit dem Pr?prozessor zu verwenden.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796821606.html" title="Was sind CSS -Z?hler?" 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="Was sind CSS -Z?hler?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796821606.html" title="Was sind CSS -Z?hler?" class="phphistorical_Version2_mids_title">Was sind CSS -Z?hler?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:34 AM</span>
<p class="Articlelist_txts_p">CSSCOUNTERSCANATOMATIONSNUMBERSEctions und.1) usecounter-resettoinitialize, counter-IncrementtoIncrease, und Counter () orcounters () todisplayValues.2) kombinierte withjavascriptfordynamiccontentToEsSureAccurateupdates.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796821580.html" title="CSS: Wann ist der Fall wichtig (und wann nicht)?" 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: Wann ist der Fall wichtig (und wann nicht)?" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796821580.html" title="CSS: Wann ist der Fall wichtig (und wann nicht)?" class="phphistorical_Version2_mids_title">CSS: Wann ist der Fall wichtig (und wann nicht)?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:27 AM</span>
<p class="Articlelist_txts_p">In CSS sind Selektor- und Attributnamen fallempfindlich, w?hrend Werte, Namen, URLs und benutzerdefinierte Attribute fallempfindlich sind. 1. Die Auswahl- und Attributnamen sind unempfindlich, z. B. Hintergrundfarbe und Hintergrundfarbe sind gleich. 2. Die hexadezimale Farbe im Wert ist fallempfindlich, aber die benannte Farbe ist fallempfindlich, wie rot und rot ist ungültig. 3. Die URLs sind fallsempfindlich und k?nnen zu Ladeproblemen von Dateien führen. 4. Benutzerdefinierte Eigenschaften (Variablen) sind fallempfindlich und Sie müssen auf die Konsistenz des Falles bei der Verwendung achten.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/de/faq/1796821622.html" title="Fallempfindlichkeit in CSS: Selektoren, Eigenschaften und Werte erl?utert" 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="Fallempfindlichkeit in CSS: Selektoren, Eigenschaften und Werte erl?utert" />
</a>
<a href="http://www.miracleart.cn/de/faq/1796821622.html" title="Fallempfindlichkeit in CSS: Selektoren, Eigenschaften und Werte erl?utert" class="phphistorical_Version2_mids_title">Fallempfindlichkeit in CSS: Selektoren, Eigenschaften und Werte erl?utert</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:38 AM</span>
<p class="Articlelist_txts_p">CsSelectorsandPropertyNamesArecase-inemsitiv, w?hrend Valuescanbecase-sensibiledPendingoncontext.1) Selectors wie div'and'div'areequivalent.2) PropertieSuchas'back-background-color'and'background-Color'arteated-theam.3) VactieLKasecasecasecasecasecase-Ensens</p>
</div>
</div>
<a href="http://www.miracleart.cn/de/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>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://www.miracleart.cn/de/about/us.html">über uns</a>
<a href="http://www.miracleart.cn/de/about/disclaimer.html">Haftungsausschluss</a>
<a href="http://www.miracleart.cn/de/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="owdg0" class="pl_css_ganrao" style="display: none;"><menu id="owdg0"></menu><bdo id="owdg0"><rp id="owdg0"><legend id="owdg0"></legend></rp></bdo><legend id="owdg0"></legend><tbody id="owdg0"></tbody><acronym id="owdg0"></acronym><tbody id="owdg0"><small id="owdg0"><style id="owdg0"></style></small></tbody><ins id="owdg0"></ins><menu id="owdg0"><ol id="owdg0"><dl id="owdg0"><address id="owdg0"></address></dl></ol></menu><source id="owdg0"><pre id="owdg0"><blockquote id="owdg0"></blockquote></pre></source><sub id="owdg0"><dfn id="owdg0"><acronym id="owdg0"></acronym></dfn></sub><tbody id="owdg0"></tbody><ruby id="owdg0"></ruby><dfn id="owdg0"><label id="owdg0"><strong id="owdg0"></strong></label></dfn><form id="owdg0"><optgroup id="owdg0"><nav id="owdg0"><bdo id="owdg0"></bdo></nav></optgroup></form><p id="owdg0"></p><acronym id="owdg0"><strike id="owdg0"></strike></acronym><div id="owdg0"><dd id="owdg0"><form id="owdg0"><dfn id="owdg0"></dfn></form></dd></div><u id="owdg0"></u><code id="owdg0"></code><label id="owdg0"></label><legend id="owdg0"><xmp id="owdg0"><mark id="owdg0"></mark></xmp></legend><dfn id="owdg0"><var id="owdg0"><style id="owdg0"><i id="owdg0"></i></style></var></dfn><label id="owdg0"><input id="owdg0"></input></label><tbody id="owdg0"></tbody><meter id="owdg0"><samp id="owdg0"><b id="owdg0"><small id="owdg0"></small></b></samp></meter><listing id="owdg0"><strong id="owdg0"><p id="owdg0"><strike id="owdg0"></strike></p></strong></listing><legend id="owdg0"></legend><dl id="owdg0"><legend id="owdg0"></legend></dl><acronym id="owdg0"><tfoot id="owdg0"></tfoot></acronym><optgroup id="owdg0"><th id="owdg0"></th></optgroup><menuitem id="owdg0"><delect id="owdg0"><del id="owdg0"><pre id="owdg0"></pre></del></delect></menuitem><wbr id="owdg0"></wbr><th id="owdg0"></th><pre id="owdg0"></pre><input id="owdg0"></input><button id="owdg0"><ins id="owdg0"><track id="owdg0"><u id="owdg0"></u></track></ins></button><td id="owdg0"><style id="owdg0"></style></td><mark id="owdg0"><form id="owdg0"><tr id="owdg0"><button id="owdg0"></button></tr></form></mark><form id="owdg0"></form><thead id="owdg0"><label id="owdg0"><fieldset id="owdg0"><thead id="owdg0"></thead></fieldset></label></thead><sub id="owdg0"></sub><wbr id="owdg0"><address id="owdg0"><sub id="owdg0"><center id="owdg0"></center></sub></address></wbr><tbody id="owdg0"></tbody><strong id="owdg0"></strong><strike id="owdg0"><td id="owdg0"><dl id="owdg0"><tbody id="owdg0"></tbody></dl></td></strike><address id="owdg0"></address><strike id="owdg0"></strike><address id="owdg0"><s id="owdg0"></s></address><noframes id="owdg0"><abbr id="owdg0"></abbr></noframes><pre id="owdg0"></pre><video id="owdg0"></video><tr id="owdg0"><meter id="owdg0"><ruby id="owdg0"><ul id="owdg0"></ul></ruby></meter></tr><td id="owdg0"></td><thead id="owdg0"></thead><thead id="owdg0"><acronym id="owdg0"></acronym></thead><optgroup id="owdg0"><abbr id="owdg0"><li id="owdg0"></li></abbr></optgroup><ins id="owdg0"></ins><dl id="owdg0"><object id="owdg0"><legend id="owdg0"></legend></object></dl><sub id="owdg0"><pre id="owdg0"><dd id="owdg0"><tr id="owdg0"></tr></dd></pre></sub><pre id="owdg0"></pre><del id="owdg0"></del><font id="owdg0"><xmp id="owdg0"></xmp></font><pre id="owdg0"><p id="owdg0"><source id="owdg0"><dl id="owdg0"></dl></source></p></pre><abbr id="owdg0"></abbr><u id="owdg0"><samp id="owdg0"><tr id="owdg0"></tr></samp></u><span id="owdg0"></span><th id="owdg0"><nobr id="owdg0"><optgroup id="owdg0"><legend id="owdg0"></legend></optgroup></nobr></th><em id="owdg0"><blockquote id="owdg0"></blockquote></em><td id="owdg0"><style id="owdg0"></style></td><menuitem id="owdg0"></menuitem><sup id="owdg0"><abbr id="owdg0"><input id="owdg0"></input></abbr></sup><option id="owdg0"></option><wbr id="owdg0"><menu id="owdg0"></menu></wbr><form id="owdg0"></form><object id="owdg0"></object><strong id="owdg0"><optgroup id="owdg0"></optgroup></strong><form id="owdg0"><object id="owdg0"><th id="owdg0"><bdo id="owdg0"></bdo></th></object></form><ins id="owdg0"><pre id="owdg0"><u id="owdg0"><option id="owdg0"></option></u></pre></ins><dd id="owdg0"><legend id="owdg0"><rp id="owdg0"></rp></legend></dd><ol id="owdg0"></ol><form id="owdg0"></form><b id="owdg0"></b><pre id="owdg0"><object id="owdg0"></object></pre><delect id="owdg0"><sub id="owdg0"><center id="owdg0"><mark id="owdg0"></mark></center></sub></delect><p id="owdg0"><strike id="owdg0"><progress id="owdg0"><address id="owdg0"></address></progress></strike></p><button id="owdg0"><th id="owdg0"><nobr id="owdg0"></nobr></th></button><video id="owdg0"><dfn id="owdg0"></dfn></video><rp id="owdg0"><video id="owdg0"><tbody id="owdg0"><label id="owdg0"></label></tbody></video></rp><th id="owdg0"><bdo id="owdg0"></bdo></th><menuitem id="owdg0"><blockquote id="owdg0"></blockquote></menuitem><label id="owdg0"></label><tfoot id="owdg0"><tbody id="owdg0"></tbody></tfoot><output id="owdg0"><kbd id="owdg0"></kbd></output><code id="owdg0"></code><sub id="owdg0"><center id="owdg0"></center></sub><samp id="owdg0"></samp><mark id="owdg0"></mark><optgroup id="owdg0"><noframes id="owdg0"><nobr id="owdg0"></nobr></noframes></optgroup><strike id="owdg0"></strike><dd id="owdg0"><xmp id="owdg0"></xmp></dd><sub id="owdg0"><center id="owdg0"><em id="owdg0"></em></center></sub><center id="owdg0"></center><ins id="owdg0"><em id="owdg0"><tt id="owdg0"></tt></em></ins><label id="owdg0"><th id="owdg0"></th></label><xmp id="owdg0"></xmp><kbd id="owdg0"><form id="owdg0"></form></kbd><del id="owdg0"></del><thead id="owdg0"><acronym id="owdg0"><pre id="owdg0"><rp id="owdg0"></rp></pre></acronym></thead><output id="owdg0"></output><strong id="owdg0"></strong><tbody id="owdg0"><tr id="owdg0"><menuitem id="owdg0"><mark id="owdg0"></mark></menuitem></tr></tbody><style id="owdg0"><strong id="owdg0"><label id="owdg0"></label></strong></style><td id="owdg0"><center id="owdg0"></center></td><p id="owdg0"></p><small id="owdg0"></small><ol id="owdg0"></ol><wbr id="owdg0"><td id="owdg0"></td></wbr><i id="owdg0"></i><u id="owdg0"></u><acronym id="owdg0"></acronym><center id="owdg0"></center><tbody id="owdg0"></tbody><dl id="owdg0"><acronym id="owdg0"><sub id="owdg0"><menuitem id="owdg0"></menuitem></sub></acronym></dl><ins id="owdg0"><output id="owdg0"><kbd id="owdg0"><tbody id="owdg0"></tbody></kbd></output></ins><center id="owdg0"><address id="owdg0"></address></center><legend id="owdg0"></legend><table id="owdg0"></table><tbody id="owdg0"></tbody><thead id="owdg0"><s id="owdg0"><center id="owdg0"></center></s></thead><delect id="owdg0"><small id="owdg0"><pre id="owdg0"></pre></small></delect><strong id="owdg0"></strong><strike id="owdg0"><dl id="owdg0"><td id="owdg0"></td></dl></strike><abbr id="owdg0"><b id="owdg0"><optgroup id="owdg0"></optgroup></b></abbr><pre id="owdg0"></pre><form id="owdg0"><optgroup id="owdg0"><listing id="owdg0"><bdo id="owdg0"></bdo></listing></optgroup></form><progress id="owdg0"><address id="owdg0"><sup id="owdg0"></sup></address></progress><strike id="owdg0"></strike><thead id="owdg0"></thead><optgroup id="owdg0"></optgroup><code id="owdg0"></code><output id="owdg0"><samp id="owdg0"><b id="owdg0"></b></samp></output><label id="owdg0"><th id="owdg0"></th></label><ul id="owdg0"><button id="owdg0"><table id="owdg0"></table></button></ul><wbr id="owdg0"></wbr><acronym id="owdg0"></acronym><th id="owdg0"><div id="owdg0"><big id="owdg0"></big></div></th></div>
</html>