Úvod do CSS

Zdroj
ručne priradené
Pridané

Pozrieť na YouTube →

Preber si túto prednášku so svojou AI

Skopíruj pripravený podklad a vlož ho do ChatGPT, Claude alebo inej AI — bude ťa učiť alebo skúšať len z tejto prednášky.

Otvoriť AI: ChatGPT · Claude · Gemini

Zhrnutie prednášky

Video úvodom predstavuje kaskádne štýly (CSS) ako nástroj na úpravu vzhľadu webovej stránky. Lektor najprv vytvorí jednoduchú HTML stránku o trojfázových sieťach s navigáciou, nadpisom, odsekom textu a obrázkom a otvorí ju cez Live Server. Potom vytvorí samostatný súbor styles.css a prepojí ho s HTML pomocou značky link v hlavičke. Na príklade selektora p ukáže zápis štýlov do zložených zátvoriek vo dvojiciach vlastnosť a hodnota. Vysvetlí zadávanie farieb menom, v RGB aj hexadecimálne a zmenu veľkosti písma v pixeloch. Zároveň upozorní, že selektor podľa značky ovplyvní všetky takéto značky na stránke, a výber jedného konkrétneho prvku ponecháva na ďalšie videá.

  • - CSS slúži na úpravu vizuálu stránky, napríklad farieb, písma a rozloženia.
  • - Štýly sa píšu do samostatného súboru styles.css, ktorý sa do HTML pripája značkou link rel=stylesheet v hlavičke.
  • - Pravidlo má selektor (napr. p) a v zložených zátvorkách dvojice vlastnosť: hodnota.
  • - Farbu (vlastnosť color) možno zadať menom, ako RGB hodnoty 0 až 255 alebo hexadecimálne (00 až FF).
  • - Veľkosť písma sa mení vlastnosťou font-size, napríklad v pixeloch.
  • - Selektor podľa značky platí pre všetky takéto značky na stránke.
  • - Úprava iba jedného konkrétneho prvku bude témou nasledujúcich videí.

Zhrnutie pripravené s pomocou AI z prepisu videa.