HTML CSS

Innen: IT documentation
A lap korábbi változatát látod, amilyen Moszat (vitalap | szerkesztései) 2020. szeptember 14., 05:03-kor történt szerkesztése után volt. (→‎CSS formázással kapcsolatos tagek)
(eltér) ← Régebbi változat | Aktuális változat (eltér) | Újabb változat→ (eltér)

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