CSS: připojení k webovému dokumentu

Studie CSS je další po HTML a povinné fázi vývoje webového programování. Tato technologie značně rozšiřuje schopnost značení internetových stránek, zkracuje práci instalatéra během projektu, snižuje množství kódu. Téma je snadné pochopit a připojení písem CSS nepředstavuje pro studenty potíže.

Kaskádové styly

CSS (anglické kaskádové styly) je značkovací jazyk webové stránky, který Haokon Wium začal pracovat v roce 1994.
V roce 1996 byla jeho práce uznána W3C World Wide Web Consortium a byla vydána první verze CSS1. Od té doby jazyk prošel změnami a opravami směrem ke zlepšení a zlepšení. Používáním CSS, připojování k kódu HTML doplňuje a rozšiřuje možnosti tohoto kódu:
  • změna textu na stránky tak, aby mohla nakreslit představivost návrháře. V tomto případě je funkční širší než i ty mastodonty mezi textovými editory, jako je MS Word nebo LibreOffice;
  • umožňuje použít formátování pro velké dokumenty nebo velké množství z nich v rámci jednoho webu, což činí webmastery méně úsilí a čas;
  • Jelikož objem kódu klesá, zvyšuje se rychlost načítání stránek, což je velmi důležité pro uživatele s pomalým nebo omezeným spojením;
  • obsahuje nástroje pro rozložení mezi různými prohlížeči - velmi důležitým faktorem při zvyšování typů zařízení s možností přístupu k internetu (gadgety).
  • V současnosti je používán CSS4, který pracuje ve tandemu s HTML5, který splňuje všechnypotřeby moderních staveb. Mnoho IT specialistů se domnívá, že CSS4 dosáhl vrcholu svého vývoje a budoucí verze nebudou vydány - nepotřebují to.

    Syntaxe

    CSS se připojí k značce HTML pomocí duplicitní značky obsahující instrukci pro chování prvku na webové stránce, která má následující syntaxi:




    p {text-indent: 5%;}

    Použití tohoto stylu ke značce

    v odstavcích dokumentu bude mít 5% od začátku řádku.


    p {text-odrážka: 5%;}

    Návrh se nazývá reklama ve stylu a musí být umístěn v názvu webové stránky, Dokument obsahující technické informace mezi značkami. Struktura reklamy s daným stylem pro značku

    je následující:

    1. p je identifikátor.
    2. text-indent - vlastnost stylu.
    3. 5% - hodnota nemovitosti.

    Jedná se o speciální termíny, definice používané v tutoriálech, které používají programátoři. Musí se pamatovat!

    Práce s fonty

    Informace ve formě textu - co 99% návštěvníků do budoucího webu přijde najít nezbytné údaje. Proto čitelnost písma, jeho estetika a snadnost použití ve vizuálním vnímání hrají důležitou roli při návštěvě zdroje. CSS spojení zde bude akce, která splní uvedené požadavky.

    Pro manipulace s technologií písem je bohatá sada nástrojů. Nejzřetelněji ve formě tabulkyposkytnout další způsob, jak připojit písma CSS ke značkám

    , který sladí text:

    číslo k možné hodnoty Výsledky
    p zarovnat vlevo, do lisované do levého (výchozí)
    střed text je centrován
    vpravo je text stisknut na pravé straně
    odůvodnit vyplní textové řádky na obou stranách (jako knihy)

    Příklad, jak prohlížeč zobrazí každou reklamu ve stylu:

    Pro práci s textem se používá řada stylů. S jejich úplným seznamem, účelem, jejich vlastnostmi a hodnotami lze nalézt v příručkách CSS.

    Externí soubory CSS

    Připojení CSS lze provést pomocí externích souborů. V tomto případě, kromě základního HTML dokumentu samostatný dokument vytvořený ve velkém stylu a nachází se ve stejném adresáři jako HTML dokumentu samotného. Jejich počet může být libovolný. Algoritmus pro připojení externího souboru CSS skládá pouze ze dvou kroků:

    & lt; script async = „//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">

    & lt; script & gt; (adsbygoogle = window.adsbygoogle || []) stisknout ({});
    1. V textovém editoru vytvořte dokument se styly, zadejte příponu .css. Žádné značky nejsou označeny.
    2. v HTML dokumentu s názvem dokumentu (tagy) by měla odkazovat na soubor pomocí následujícíhovzory:

    Místo stylu style.css musíte zadat adresu souboru. Toto adresování může být buď absolutní nebo relativní. Výhody jsou zřejmé:

    • externí soubory lze použít na libovolný počet webových stránek v rámci webu;
    • , pokud nastavíte absolutní adresu, pak na několik míst. Je zřejmé, že současně je značení zapsáno jednou a není potřeba předepsat styl pro každou stránku;
    • Pokud programátor tuto metodu používá, koncový uživatel nebude moci zobrazit kód CSS. Takže můžete chránit svou kreativitu před plagiátorem.

    Mimo jiné při práci s kódem pro značení dochází k chybám páteře. Jsou snadněji rozpoznatelné a opraveny v malém souboru o menší velikosti než obvykle těžkopádný kód HTML.

    Použití technologie javascript

    Při formátování textu na webové stránce se často stává, že je nutné určit styl pro konkrétní fragment jiný než prostředí. Pokud se tato metoda používá opakovaně na webu nebo ve velkém webovém dokumentu, je vhodné připojit se pomocí javascriptu CSS pomocí návrhu:

    & lt; script & gt;
    document.write ("");


    Opět místo písma style.css je zapsána relativní nebo absolutní adresa externího souboru s příponou .css.
    Tato metoda bude podrobně studována ve studiích programování na javascribu. Zmínka o tom je nutkání vpřed, ale nezbytné pro práci s texty na této úrovni.

    Související publikace