„HTML CSS” változatai közötti eltérés
Innen: IT documentation
(Új oldal, tartalma: „== Stíluslap - CSS == A stíluslap (CSS) definíciók a HTML elemek megjelenését határozzák meg. A CSS szintaktikájával a CSS fejezet (főmenü) foglalkozik, itt…”) |
Nincs szerkesztési összefoglaló |
||
| 1. sor: | 1. sor: | ||
== Stíluslap - CSS == | ==Stíluslap - CSS== | ||
A stíluslap (CSS) definíciók a HTML elemek megjelenését határozzák meg. A CSS szintaktikájával a CSS fejezet (főmenü) foglalkozik, itt nincs részletezve. Többféle módon adhatunk meg CSS definíciókat a HTML elemekre. | A stíluslap (CSS) definíciók a HTML elemek megjelenését határozzák meg. A CSS szintaktikájával a CSS fejezet (főmenü) foglalkozik, itt nincs részletezve. Többféle módon adhatunk meg CSS definíciókat a HTML elemekre. | ||
| 27. sor: | 27. sor: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
= CSS formázással kapcsolatos tagek = | =CSS formázással kapcsolatos tagek= | ||
{| class="wikitable" | {| class="wikitable" | ||
!Tag | !Tag | ||
| 44. sor: | 44. sor: | ||
|Szekció definiálása a dokumentumban | |Szekció definiálása a dokumentumban | ||
|} | |} | ||
[[Kategória:HTML]] | |||
A lap 2020. január 2., 14:40-kori változata
Stíluslap - CSS
A stíluslap (CSS) definíciók a HTML elemek megjelenését határozzák meg. A CSS szintaktikájával a CSS fejezet (főmenü) foglalkozik, itt nincs részletezve. Többféle módon adhatunk meg CSS definíciókat a HTML elemekre.
CSS file csatolása a HTML dokumentumhoz a <link /> tag segítségével.
Szintaktika:
<head>
<link rel="stylesheet" type="text/css" href="style_file.css" />
</head>
CSS definíció beszúrása a HTML dokumentumba a <style> tag segítségével. Szintaktika:
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
A dokumentum háttere piros lesz. A dokumentumban minden bekezdésnek 20 pixel szélességű bal margója lesz.
CSS definíció beszúrása egy HTML elemre vonatkozóan a style attribútum segítésgével.
Szintaktika:
<p style="color: red; margin-left: 20px">
Piros betűszínű bekezdés 20 pixel szélességű bal margóval
</p>
CSS formázással kapcsolatos tagek
| Tag | Leírás |
|---|---|
| <link /> | Hivatkozás definiálása egy külső forrásra |
| <style> | CSS meghatározás definiálása |
| <div> | Szekció definiálása a dokumentumban |
| <span> | Szekció definiálása a dokumentumban |
