Stíluslapok használata

Stílus lapok (CSS) használata

Egyik és legegyszerűbb módja a stíluslapok használatának, ha külső fájlban helyezzük el a formázást és <head>...</head> tag-ek között hivatkozást készítünk:

<link rel="stylesheet" href="/style.css">
Alapvető beállítások:

text-align

A szöveg vízszintes igazításának módja.

Értékei: left(balra), center(középre), right(jobbra), justify(sorkizárt módon). 

font-size

A betű mérete. Megadható például képpontokban (px), vagy akár százalékosan (%) is. Használható az em mértékegység is, amellyel az aktuális betűméret valahányszorosát állíthatjuk be. 

font-weight

A szöveg félkövér megjelenítése. (bold)

font-style

A szöveg dőlt megjelenítésére szolgál. (italic)

font-family

A betűtípus beállítása.

border

Az elemet körbevevő szegély beállítására szolgál. 

border-radius

A szegély lekerekítettségét állítja be.

float

Az adott elemet lehet balra vagy jobbra lebegtetni. A lebegtetés azt jelenti, hogy a környező elemek körbefolyják az adott elemet. Például: float:left; float:right;

padding

Kitöltés megadása, ami a tartalom és az ezt körbevevő szegély közti térközt jelenti. Belső margónak is hívják. 

margin

A margó megadására szolgál. 

color

A szöveg színének beállítására szolgál

background-color

Háttérszín beállítása. A színek hasonlóan adhatóak meg, mint a szövegszín esetén.

width

Az elem szélességét állítja be. A méret megadható képpontokban és akár százalékban is. Példák: width:600px; width:90%;

height

Az elem magasságát állítja be. Hasonlóan állítható be, mint a szélesség.

background-image

A háttérkép beállítására szolgál. 

background-repeat

A háttérkép ismétlődésének beállítására alkalmas.

Események

H K Sze Cs P Szo V
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

Elérhetőség

Versenyek

Nemes Tihamér Országos Alkalmazói Tanulmányi Verseny

Kozma László Országos Informatikai Verseny

Neumann János Országos Középiskolai Programozó Verseny

 

 

 

Free Joomla templates by Baukó Beáta