Jak připojit CSS: od statiky k dynamice

Statické připojení stylů CSS Stránka HTML je jednoduchý úkol. Formované tradice nabízejí tři hlavní možnosti: přímo na tagu, ve značce speciálního stylu a připojením externího souboru css. Použití jazyka serveru vám umožňuje poskytnout dynamiku pro tyto metody, ale pomocí jazyka prohlížeče javascript se otevírá zcela odlišnými způsoby.

Značky HTML a CSS

Webová stránka je formalizovaný styl prezentace. Každý textový nebo grafický prvek je ve výchozím nastavení zobrazen prohlížečem, nebo může být popsán pravidly CSS a zobrazen tak, jak návrhář navrhl a implementoval programátor. Každé pravidlo CSS je název a hodnota. Vývoj kaskádových stylových listů vedl k mnoha názvům a hodnotám. Byly tu pseudo-třídy a pseudo-elementy. Použití tříd a ID CSS bylo úzce propojeno s HTML značkami. Úloha, jak připojit CSS ke specifické značce, obdržela širokou škálu přípustných rozhodnutí.


V podstatě existují tři možnosti pro připojení pravidla CSS k požadované značce:
  • přímo přes značku stylu atributu;
  • přes speciální tyle tag;
  • připojením externího souboru stylů.
  • Jakákoliv nepřesnost nebo chyba v popisu a stylu připojení bude ignorována. HTML - jazyk pevných konstrukcí, který je dynamicky využíván v jazyce serveru, je povolen pouze v určitých mezích. Použití mechanismu AJAX rozšiřuje hranice možných. Ale v každémřešením případu, jak se připojit CSS-pravidlo tagu, HTML, statické, obvykle zaznamenána a odkazoval se na to, co to znamená.

    styly Rám HTML stránky

    Tento příklad ukazuje, jak připojit externí soubor stylů sci-index.css

    , a to prostřednictvím speciálního tagu stylu

    : změnil barvu pozadí pro tělo tag strana těla. Jak je možné připojit pravidlo CSS přímo ke značce dvakrát (prostřednictvím id, prostřednictvím atributu styl) je popsáno v
    . Zde styl scWelcomeLabel ID (soubor pravidel) z externího stylů souborů a atributů stylu určuje pouze jedno pravidlo: Top - Y souřadnici vrcholu bloku, ve kterém je umístěna značka.


    , používání jazyka serveru PHP
    k vytvoření formuláře ukládá další vrstvu „tuhosti“ v stylů rámu.
    Ve skutečnosti je úkol vytvořit webové stránky - postup přesně určit sled značek, které jsou umístěny obsah (informace) prostřednictvím příslušných předpisů CSS. Pokud je stránka vygenerována kódem PHP, pak rigidní struktura tagů a jejich odkazy na pravidla CSS "zesilují" kód PHP. Ve skutečnosti úloha, jak připojit CSS HTML při použití PHP, je dvojnásobek úrovně tvrdosti. Pokud se návrh změní a musíte změnit pravidlo CSS, budete muset provést změny v kódu CSS /HTML a PHP.

    snadné dynamické pravidla CSS

    Žádný problém najít funkční getElementById () jakýkoliv tag a přiřadit nový styl nebo změnit jednotlivé pravidlo stylu. Následující příklad zobrazuje hlavičky, obsah a popisky buněk a jejich souřadnice se změnily. Tato logika umožňuje zapsat funkci scfChange apřiřadit jeho události - změnit velikost okna prohlížeče.
    Výsledek: Návštěvník může změnit velikost okna prohlížeče a stránka automaticky upraví polohu záhlaví, obsahu a sklepa.

    CSS Stylesheet

    HTML úzce souvisí s CSS a není problém, aby vytvořil speciální štítek v reálném čase a použil nové (upravené) pravidla. Není potřeba vyřešit problém s připojením souboru CSS: požadovaný obsah lze dynamicky generovat.
    Zde je dynamicky tvarovaný a spojený styl CSS. Můžete to udělat několikrát. Nejprve je vytvořen řetězec znaků StyleText, který obsahuje "doslovný" popis požadované sady pravidel CSS. Pravidlo pro pozadí obrázku je označeno textem požadovaného obrázku: výrobní náklady jsou obraz uvnitř stylu, ale nevyžaduje to externí soubor tohoto obrázku. Po popisu požadované sady pravidel ve tvaru řetězce znaků se vytvoří stylový štítek, zadá se typ textu /css a obsah stylizované značky je vyplněn požadovaným obsahem. Úloha, jak připojit CSS v průběhu kurzu, v procesu návštěvy stránek, vyřešeno!
    Přidáním do těla dokumentu nový tag pomocí automatu zpřístupní všechny styly popsané v tomto dokumentu. Spojte CSS v dynamice - je to jednoduché, praktické a spolehlivé.

    Související publikace