CSS: připojení k webovému dokumentu

Learning CSS je další po HTML a požadovaný krok v masteringu webového programování. Tato technologie výrazně rozšiřuje možnosti rozvržení internetových stránek a také zkracuje dobu práce návrháře rozvržení na projektu, snižuje množství kódu. Téma je snadno pochopitelné a zařazení písem CSS studentům nevede k problémům.

Kaskádové styly

CSS (anglické kaskádové styly - kaskádové styly) je značkovací jazyk pro webové stránky, na kterých Haakon Wium Li začal pracovat v roce 1994.

V roce 1996 jeho práce byla uznána W3C World Wide Web Consortium, byla vydána první verze CSS1. Od té doby jazyk prošel změnami a úpravami směrem ke zlepšení a zlepšení.

Použití CSS, připojení k kódu HTML doplňuje a rozšiřuje možnosti tohoto kódu:

• změna textu na stránce okamžitě, jakmile si návrhář může představit fantazii. Současně je tato funkce širší než u takových mastodonů mezi textovými editory jako MS Word nebo LibreOffice;
• Umožňuje formátování velkých dokumentů nebo jejich významný počet na stejném webu, což způsobuje, že webmasteři vynaloží menší úsilí a čas;
• protože množství kódu je sníženo, rychlost načítání stránky se zvyšuje, což je velmi důležité pro uživatele s pomalým nebo omezeným připojením;
• má nástroje pro rozložení mezi různými prohlížeči - což je velmi důležitý faktor při zvyšování typů zařízení s možností přístupu k internetu (gadgety).

V současné době používá CSS4, pracující v tandemu s HTML5, všechny moderní webové stránky. Mnoho IT odborníků se domnívá, že CSS4 dosáhl vrcholu svého vývoje a následující verze nebudou vydány - nejsou nutné.

Syntaxe

Připojení CSS k značce HTML se provádí pomocí dvojice značek , uvnitř kterého je umístěna instrukce pro chování prvku na webové stránce, která má následující syntaxi:

p {text-indent: 5%;} 

Použitím tohoto stylu na značku

, v celém dokumentu budou odstavce odsazeny 5% od začátku řádku.

Konstrukce se nazývá deklarace stylu a musí být umístěna v hlavičkové části webového dokumentu obsahující technické informace mezi značkami. . Struktura této deklarace stylu pro značku

je toto:

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

Jedná se o speciální termíny, definice používané v učebnicích, které jsou běžné mezi programátory. Měli by si vzpomenout!

Práce s písmy

Informace ve formě textu představují to, co 99% návštěvníků budoucích stránek přijde při hledání potřebných údajů. Proto čitelnost písma, jeho estetika a snadné vizuální vnímání hrají důležitou roli při návštěvě zdroje. Připojení CSS zde bude akce, která splní uvedené požadavky.

Pro technologii manipulace s fonty je bohatá sada nástrojů. Nejjasnější ve formě tabulky je poskytnout další způsob, jak připojit písma CSS pro tag.

který sladí text:

Příklad, jak prohlížeč zobrazí jednotlivé deklarace stylu:

K práci s textem se používá několik stylů. Kompletní seznam, jejich účel, vlastnosti a hodnoty lze nalézt v příručkách CSS.

Externí css soubory

Připojení CSS lze provádět prostřednictvím externích souborů. V tomto případě je vedle hlavního dokumentu HTML vytvořen samostatný dokument se styly a nachází se ve stejném adresáři jako samotný dokument HTML. Jejich počet může být libovolný. Algoritmus pro připojení externích souborů CSS se skládá ze dvou kroků:

1. V textovém editoru vytvořte dokument se styly a zadejte příponu .css. S touto značkou není specifikováno.
2. V dokumentu HTML v záhlaví dokumentu (mezi značkami ) musíte tento soubor odkazovat pomocí následující konstrukce:

    ​ 

Místo stylu style.css musíte zadat adresu souboru. V tomto případě může být adresování absolutní i relativní. Výhody jsou zřejmé:

• externí soubory lze použít na libovolný počet webových stránek v rámci webu;
• pokud zadáte absolutní adresování, pak na několik webů. Je zřejmé, že s tímto je značení napsáno jednou a není potřeba předepsat styl pro každou stránku;
• pokud programátor tuto metodu použije, koncoví uživatelé nebudou moci zobrazit kód CSS. Tímto způsobem můžete chránit svou kreativitu před plagiátorem.

Navíc, při práci s kódem, návrhář rozvržení provádí chyby. Jsou jednodušší najít a opravit v samostatném souboru malé velikosti, než v obvykle těžkopádný HTML kód.

Používání technologie JavaScript

Při formátování textu na webové stránce je často nutné nastavit styl pro konkrétní fragment, který se liší od okolního. Pokud se tento styl opakovaně používá na webových stránkách nebo ve velkém webovém dokumentu, je vhodné implementovat spojení CSS pomocí JavaScript pomocí konstrukce:

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ěji studována při studiu programování v jazyce JavaScript. Zmínka o něm je nucený spěch dopředu, ale nutná pro práci s texty na této úrovni.