diff options
Diffstat (limited to 'files/hu/css/index.html')
| -rw-r--r-- | files/hu/css/index.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/files/hu/css/index.html b/files/hu/css/index.html new file mode 100644 index 0000000000..6717bc7093 --- /dev/null +++ b/files/hu/css/index.html @@ -0,0 +1,92 @@ +--- +title: CSS +slug: CSS +tags: + - CSS + - Design + - Dizájn + - Stíluslapok + - Stílusok +translation_of: Web/CSS +--- +<div> +<p>A <strong>Cascading Style Sheets</strong> (<strong>CSS</strong>) egy stíluslap nyelv, mellyel a HTML-ben vagy XML-ben (és más XML nyelveken, mint az <a href="hu/XHTML">XHTML</a> vagy a <a href="hu/SVG">SVG</a>) írt dokumentumok megjelenítését lehet leírni.</p> + +<p>A CSS a nyílt web egyik fő nyelve, amely a <a class="external" href="http://w3.org/Style/CSS/#specs">W3C specifikációnak </a>megfelelően szabványosítva van a webböngészőkben. Szintenként van fejlesztve, a CSS1 ma már elavult, a CSS2.1 használata az ajánlott, a CSS3 pedig már kisebb modulokra lett osztva, jelenleg is a szabványosítása zajlik.</p> + +<ul class="card-grid"> + <li><span>CSS Bevezetés</span> + + <p>Ha új vagy a webfejlesztésben, olvasd el a <a href="/hu/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS alapismeretek</a> útmutatót, hogy megtudd mi az a CSS és hogyan használd.</p> + </li> + <li><span>CSS Oktatóanyagok</span> + <p><a href="/hu/docs/Learn/CSS">CSS tanulási területünk</a> rengetek oktatóanyagot tartalmaz, amelyek a kezdő szinttől a szakértelemhez vezetnek.</p> + </li> + <li><span>CSS Referenciák</span>A <a href="/hu/docs/Web/CSS/Reference">teljeskörű CSS referencia</a> a tapasztalt webes fejlesztők számára a CSS minden tulajdonságát és fogalmát írja le.</li> +</ul> +</div> + +<table class="topicpage-table"> + <tbody> + <tr> + <td> + <h2 id="Document.C3.A1ci.C3.B3" name="Document.C3.A1ci.C3.B3">CSS Dokumentáció</h2> + + <dl> + <dt><a href="/hu/docs/Learn/CSS/Introduction_to_CSS">Bevezetés a CSS-be</a></dt> + <dd>Ez az oldal alapvető információkat nyújt arról, hogyan működik a CSS, azaz bemutatja a szelektorokat és a tulajdonságokat, a CSS szabályok írását, a CSS alkalmazását a HTML-re, a dobozmodell alapjait, valamint a CSS hibakeresést.</dd> + <dt><a href="/hu/docs/Web/CSS/Reference">CSS Referencia</a></dt> + <dd>A teljeskörű CSS referencia a tapasztalt webes fejlesztők számára a CSS minden tulajdonságát és fogalmát írja le.</dd> + </dl> + + <dl> + <dt><a href="hu/Using_URL_values_for_the_cursor_property">URL-értékek használata a kurzor tulajdonsághoz </a></dt> + <dd><small>A <a href="hu/Gecko">Gecko</a></small> 1.8 (Firefox 1.5, SeaMonkey 1.0) támogatja a <small><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS 2/2.1 kurzor tulajdonság</a></small> URL-értékeit. Ez lehetővé teszi tetszőleges képek egér kurzorokként való használatát - bármely <small><a href="hu/Gecko">Gecko</a></small> által támogatott képformátum használható.</dd> + </dl> + + <dl> + <dt><a href="hu/CSS3_Columns">CSS3 Oszlopok</a></dt> + <dd><small>Rövid bemutató a CSS3 oszlopok használatáról.</small></dd> + </dl> + + <dl> + <dt><a href="hu/Consistent_List_Indentation">Konzisztens listajelzés</a></dt> + <dd><small>A listák behúzásának megkísérlése a CSS-sel trükkösebb, mint amilyennek látszik, de csak azért, mert a CSS-kompatibilis böngészőknek különböznek az alapértelmezései. Ismerd meg, hogyan lehet őket egy vonalba hozni.</small></dd> + </dl> + + <p><span class="alllinks"><a>Összes megtekintése...</a></span></p> + </td> + <td> + <h2 id="K.C3.B6z.C3.B6ss.C3.A9g" name="K.C3.B6z.C3.B6ss.C3.A9g">Segítségkérés a közösségtől</h2> + + <p>CSS-el kapcsolatos segítségre van szükséged és nem találod a megoldást a dokumentációban?</p> + + <ul> + <li>Látogass el a <a href="http://stackoverflow.com/questions/tagged/css" rel="noopener">Stack Overflow</a>-ra, az együttműködéssel kiépített és karbantartott Kérdések és Válaszok oldalra, és nézz utána, hogy megválaszolták-e már a kérdésed. Amennyiben még nem, úgy felteheted azt.</li> + <li><a class="link-irc" href="irc://irc.mozilla.org/css">#css IRC csatorna</a></li> + <li><a class="external" href="http://www.css-discuss.org/">CSS-Discuss site and list</a></li> + </ul> + + <h2 id="Eszk.C3.B6z.C3.B6k" name="Eszk.C3.B6z.C3.B6k">Eszközök a CSS fejlesztéshez</h2> + + <ul> + <li>A <a href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> segítségével ellenőrizheted, hogy a CSS kódod érvényes-e. Ez felbecsülhetetlen hibakereső eszköz.</li> + <li>A <a href="/en-US/docs/Tools">Firefox Developer Tools</a> lehetőséget nyújt megtekinteni és szerkeszteni az oldal élő CSS-ét az <a href="/hu/docs/Tools/Page_Inspector">Inspector</a> és a <a href="/hu/docs/Tools/Style_Editor">Style Editor</a> eszközök segítségével.</li> + <li>A <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer bővítmény</a> lehetővé teszi az élő CSS követését és szerkesztését a megfigyelt webhelyeken.</li> + <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug bővítmény</a></li> + <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS bővítmény</a></li> + </ul> + + <p><span class="alllinks"><a>Összes megtekintése...</a></span></p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Kapcsolódó_témakörök">Kapcsolódó témakörök</h2> + +<ul> + <li><a href="/hu/docs/Web/Demos_of_open_web_technologies#CSS">CSS demók</a>: Kreatív löket a legutóbbi CSS technológiák példáinak felfedezésével.</li> + <li>A webes nyelvek, amelyekre gyakran alkalmazzák a CSS-t: <a href="/hu/docs/Web/HTML">HTML</a>, <a href="/hu/docs/Web/SVG">SVG</a>, <a href="/hu/docs/Web/MathML">MathML</a>, {{Glossary("XHTML", "", 1)}}, és <a href="/hu/docs/XML_introduction">XML</a>.</li> + <li>A Mozilla technológiák, amelyek széles körben használják a CSS-t: <a href="/hu/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/hu/docs/Mozilla/Firefox">Firefox</a>, és <a href="/hu/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/hu/docs/Mozilla/Add-ons">bővítmények</a> és <a href="/hu/docs/Mozilla/Add-ons/Themes">témák</a>.</li> +</ul> |