---
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>