1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
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>
|
