Sady pravidel CSS, bloky deklarací a selektory - jak napsat styl CSS


V tomto tutoriálu si probereme kód, který použijete k přepsání výchozího stylu webového prohlížeče a značek HTML. Tento kód umístíte mezi úvodní a závěrečnou značku. Poté ji umístěte do hlavní části své webové stránky. Pojďme se podívat na kód.

Základní kód CSS



Příklad




Selektory
str
Ovládací prvky selektoru kde styl je použit. Ve výše uvedeném příkladu je p v HTML

Značka odstavce je selektor, který říká prohlížeči, aby aplikoval styl na všechno mezi otvorem

značka a uzavření

štítek.

Vlastnosti
velikost písma
Vlastnost je parametr nebo atribut, který je řízen stylem. V našem příkladu jsou tři vlastnosti. Jedná se o velikost písma (velikost písma), barvu a zarovnání textu (zarovnání textu).

Hodnoty
12pt
Hodnota přiřazená k vlastnosti říká prohlížeči, jak tuto vlastnost zobrazit. V našem příkladu je vlastnost velikosti písma nastavena na 12 bodů, vlastnost color je nastavena na černou (# 000000) a vlastnost zarovnání textu je nastavena na střed. To vše způsobí text mezi otevíráním a zavíráním

tagy mají velikost 12 bodů, černou barvu a střed.

Při kódování stylů si pamatujte těchto několik specifikací.

  1. Pár vlastností a hodnot se nazývá deklarace nebo definice (barva: černá)
  2. Všechna prohlášení pro jeden selektor by měla být umístěna společně mezi složenými závorkami {}. Toto se nazývá deklarační blok.
  3. Selektor a deklarační blok se nazývá pravidlo.
  4. Každý selektor by měl začínat na samostatném řádku.
  5. Oddělte vlastnost od její hodnoty pomocí: dvojtečky (barva: černá)
  6. Pokud má hodnota více než jedno slovo, vložte hodnotu mezi uvozovky („Comic Sans MS“).
  7. Každé prohlášení oddělte znakem; středník.



Web Development - Computer Science for Business Leaders 2016 (Srpen 2021)



Tagy Článek: Sady pravidel CSS, bloky deklarací a selektory - jak psát styl CSS, HTML, jak psát styl CSS, selektor CSS, vlastnost CSS, hodnotu CSS, styl CSS, pravidlo CSS, začínající CSS, začínající kaskádové styly, co jsou kaskádové styly, co jsou CSS, jak používat CSS, typy CSS, typy kaskádových stylů, ovládat styl webové stránky, CSS a HTML, přidávat CSS na webovou stránku