Teljes méretű, rögzített háttérkép
Gyakran alkalmazott dizájn elem a böngésző ablakot teljesen kitöltő, annak méretéhez mindig alkalmazkodó, rögzített háttérkép. Valahogy így: See the Pen […]
HTML / CSS
HTML / CSS
Egyszerű elrendezés position-el (float nélkül)
Az előző példában úsztatással pozicionáltuk a hasábokat. Ebben a példában float (úsztatás) nélkül, a position: relative és position: absolute CSS
HTML5 képek
Az <img> elem Egy HTML dokumentumban az <img> elemmel tudunk képet megjeleníteni. Az <img> elemnek két kötelező attribútuma van: a
Responsive Web Design (RWD) 2.
Az előző bejegyzésben létrehoztunk egy egyszerű reszponzív grid rendszert, amelynek melynek segítségével könnyen lehet az oldal tartalmát elrendezni. A mintapélda
Responsive Web Design (RWD) 1.
Mi az a Responsive Web Design? A responsive web desing lehetővé teszi, hogy a weboldal minden eszközön jól nézzen ki. A
Tipográfia, betűkép, betűtípus, ikonok…
Egy esztétikus oldal megtervezésekor az elrendezés mellett szintén fontos a különböző szövegrészekben alkalmazott betűk kinézete. Néhány alapfogalom a betűkkel kapcsolatban
CSS3 mértékegységek
Számos CSS tulajdonságnál (width, margin , border , padding , stb…) lehet (hossz)méretet megadni. Egy méret egy értékből (value) és egy mértékegységből (unit)
HTML / CSS
Egyszerű navigációs sáv
Az előző példában csak az oldal elrendezésével foglalkoztunk, így a navigációs sáv helyén is csak egy egyszerű szöveg volt. Most ennek elkészítéséről
HTML és CSS kódok ellenőrzése
Az oldalaink készítésekor használt HTML és CSS kódok szabályait szabványok rögzítik, amelyek betartására mindenképpen törekedni kell, ha szabályos oldalakat akarunk
Egyszerű oldal elrendezés kialakítása
A képen egy szokásos oldal elrendezés (layout) látható: Oldal elrendezés kialakítása <div> tag-ekkel A zölddel jelölt body elemünk a legkülső, ami