Tanítás, webfejlesztés, programozás, informatika, rock zene

Tanítás, webfejlesztés, programozás, informatika, rock zene = ezek az oldal témái
Stúdiófelvételek. A szerzeményeimből: rockzenék, popzenék, a legjobb zenéim válogatások

5.11 SASS előfeldolgozó telepítése

2024-11-16

Visual Studio Code

Ha Visual Studio Code-ot használunk a webfejlesztéshez, akkor telepítsük a HTML SCSS Support Extension-t. Abban a könyvtárba hozza létre a css tartalmat, ahol elkészítettük azt. Az SCSS / SASS változtatásait azonnal érzékeli és módosítja a css eredményt az aktuális könyvtárban!

A leghasználhatóbb: Scout-App

Kipróbáltam több SASS => CSS compilert is és arra jutottam, hogy a leggyorsabb és legegyszerűbben használható a Scout-App.

Használatbavétel

Letöltés innen: https://scout-app.io/

5.10 SCSS - SASS - szintaktikája

2024-11-16

A SASS a 2000-es évek második felében elindult kezdeményezés, amelynek célja az volt, hogy az elburjánzó CSS bejegyzéseket átláthatóbban és újrafelhasználhatóan lehessen írni.

A SASS-ban írt kódot egy CSS előfeldolgozó (CSS preprocesszor) fordítja le szabványos CSS fájlokká, amelyek aztán használhatók a weboldalakon.

A SASS-nak két szintaktikája van,

5.08 Pozicionálás, méretezés

2021-04-26

Pozicionálás

A weboldalakon a különböző elemek elhelyezkedése alapértelmezetten a <body> részben lévő elemek sorrendjétől függ olyan módon, hogy az oldalon hátrébb lévő elemek a képernyőn megjelenéskor is hátrébb vagy jobbra kerülnek. Ezt a beállítást a position: tulajdonság static kulcsszavával lehet elérni. alapértelmezetten egy szülő objektumban a leszármazott objektum a bal oldalon legfelül kezdődik.

Ha a szülő objektumhoz képest el szeretnénk tolni egy leszármazott objektum helyét, akkor sz slábbi beállítást kell használni:

5.06 Szövegformázás - fontok

2021-04-26

Betűtípusok (font)

font-family:
- Talp nélküli: Arial, Helvetica, Sans-serif, Verdana
- Serif (talpas): Times, Times New Roman, serif
- Cursive (kézzel írott):
- Fantasy (dekorációs célú)
- Monospace (rögzített szélesség): Ez így egy monospace
font-style: normal, italic, oblique (?)
font-size: betűméret - 12px-16px
font-weight: (betűk vastagsága) lighter (200), normal (400), bold (700), bolder
fo

1990. Érd

2021-04-15

1989 Karácsonya előtt megszületett Dani és én mialatt Adi bent volt a kórházban izgatottan lestem, hogy mi történik Romániában. Romániában lőttek és egyébként élőben mutatták, amikor a Caucescu házaspárt kivégezték és vége lett a rezsimnek. Persze lett egy másik rezsim...

5.03 Öröklődés - precedencia

2023-11-21

HTML oldal TAG-ek leírása gráffal

A HTML oldalakban lévő információ egy fa jellegű gráffal írható le, amelyben minden egyes TAG a gráfnak egy csomópontja. A fa gyökere a HTML oldal esetén a HTML TAG, és a többi TAG ennek a közvetlen vagy közvetett leszármazottja. Valahogy így:

5.05 Dobozmodell

2021-04-26

.parent{ border: 1px dotted grey; border-collapse: collapse; } .child{ border: 10px grey solid; } tr, td{ border:0; }

Mint korábban írtam vannak olyan HTML elemek, amelyek a képernyőn dobozként, azaz téglalap alakú területen helyezkednek el és vannak olyanok, amelyek úgynevezett inline, azaz soron belüli elemek. A <div>, és a <span> tageknek az égvilágon semmilyen default tulajdonsága nincsen azon kívül, hogy a <div> a dobozmodell alá tartozik, míg a <span> egy inline tag.