„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…”) |
|||
| (Egy közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva) | |||
| 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 | ||
!Leírás | !Leírás | ||
|- | |- | ||
|<link /> | |[[HTML link tag|<link />]] | ||
|Hivatkozás definiálása egy külső forrásra | |Hivatkozás definiálása egy külső forrásra | ||
|- | |- | ||
|<style> | |[[HTML style tag|<style>]] | ||
|CSS meghatározás definiálása | |CSS meghatározás definiálása | ||
|- | |- | ||
|<nowiki><div></nowiki> | |[[HTML div tag|<nowiki><div></nowiki>]] | ||
|Szekció definiálása a dokumentumban | |Szekció definiálása a dokumentumban | ||
|- | |- | ||
|<nowiki><span></nowiki> | |[[HTML span tag|<nowiki><span></nowiki>]] | ||
|Szekció definiálása a dokumentumban | |Szekció definiálása a dokumentumban | ||
|} | |} | ||
[[Kategória:HTML]] | |||
A lap jelenlegi, 2020. szeptember 14., 05:03-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 |
