CSS: povežite se s spletnim dokumentom

Učenje CSS je naslednji HTML, in zahtevan korak pri obvladovanju spletnega programiranja. Ta tehnologija bistveno širi možnosti postavitve internetnih strani, prav tako pa skrajša čas dela oblikovalca postavitve na projektu, zmanjša količino kode. Tema je lahko razumljiva, vključevanje CSS pisav pa študentom ne povzroča težav.

Cascading Style Sheets

CSS (angleški Cascade Style Sheets - Cascading Style Sheets) je označevalni jezik za spletne strani, na katerem je Haakon Wium Li začel delati leta 1994.

Leta 1996 je njegovo delo prepoznalo konzorcij World Wide Web W3C, izšla je prva različica CSS1. Od takrat se jezik spreminja in prilagaja v smeri izboljšav in izboljšav.

Z uporabo CSS ga povežete s kodo HTML in dopolnjujejo ter razširjajo zmožnosti slednjega:

• sprememba besedila na strani takoj, ko lahko domišljija oblikovalca nariše. Hkrati je funkcionalnost širša kot celo med takšnimi mastodonti med urejevalniki besedila, kot sta MS Word ali LibreOffice;
• omogoča uporabo oblikovanja za velike dokumente ali večjega števila znotraj istega spletnega mesta, kar povzroči, da se webmastersi manj truda in časa;
• ker se količina kode zmanjša, se hitrost nalaganja strani poveča, kar je zelo pomembno za uporabnike s počasno ali omejeno povezavo;
• ima orodja za postavitev navzkrižnega brskalnika - zelo pomemben dejavnik pri povečevanju vrst naprav z možnostjo dostopa do interneta (pripomočki).

Trenutno uporablja CSS4, ki deluje v tandemu z HTML5, izpolnjuje vse potrebe sodobne spletne strani. Mnogi strokovnjaki za IT menijo, da je CSS4 dosegel vrh svojega razvoja in da naslednje različice ne bodo izdane - niso potrebne.

Sintaksa

Povezava CSS z oznako HTML se izvede prek par oznak , znotraj katerega je postavljena navodila za obnašanje elementa na spletno stran, ki ima naslednjo sintakso:

p {text-indent: 5%;} 

Z uporabo tega sloga za oznako

V celotnem dokumentu bodo odstavki zamaknjeni za 5% od začetka vrstice.

Konstrukcija se imenuje slogovna deklaracija in mora biti postavljena v naslovni del spletnega dokumenta, ki vsebuje tehnične informacije med oznakami. . Struktura te slogovne deklaracije za oznako

je to:

1. p - identifikator.
2. text-indent je lastnost sloga.
3. 5% - vrednost nepremičnine.

To so posebni pojmi, definicije, ki se uporabljajo v učbenikih, ki so pogosti med programerji. Morali bi se spomniti!

Delo s pisavo

Informacija v obliki besedila je tisto, kar bo 99% obiskovalcev prihodnje strani dobilo pri iskanju potrebnih podatkov. Zato je berljivost pisave, njena estetika in enostavnost vizualnega zaznavanja pomembna za prisotnost vira. Povezava CSS bo tukaj dejanje, ki bo sposobno izpolniti navedene zahteve.

Tehnologija manipulacije s pisavami ima bogato orodje. Najbolj jasna v obliki tabele je zagotoviti drug način za povezovanje CSS pisav za oznako.

ki usklajuje besedilo:

Primer, kako bo brskalnik prikazal vsako deklaracijo sloga:

Za delo z besedilom se uporablja več slogov. Celoten seznam le-teh, njihov namen, njihove lastnosti in vrednosti najdete v referenčnih knjigah CSS.

Zunanje datoteke css

Povezavo CSS lahko vzpostavite prek zunanjih datotek. V tem primeru se poleg glavnega dokumenta HTML ločeno ustvari dokument s slogi in se nahaja v istem imeniku kot sam dokument HTML. Njihovo število je lahko vsako. Algoritem za povezovanje zunanjih datotek CSS je sestavljen samo iz dveh korakov:

1. V urejevalniku besedila ustvarite dokument s slogi, podajte razširitev za to .css. S to oznako ni določeno.
2. V dokumentu HTML v glavi dokumenta (med oznakami ), morate to datoteko uporabiti z naslednjo konstrukcijo:

    ​ 

Namesto style.css morate podati naslov datoteke. V tem primeru je naslavljanje lahko absolutno in relativno. Prednosti so očitne:

• zunanje datoteke se lahko uporabijo za poljubno število spletnih strani znotraj spletnega mesta;
• če podate absolutno naslavljanje, nato na več mest. Očitno je, s tem, da je oznaka enkrat napisana in da ni treba predpisati sloga za vsako stran;
• ko programer uporabi to metodo, končni uporabnik ne bo mogel videti kode CSS. Tako lahko svojo kreativnost zaščitite pred plagiatorstvom.

Poleg tega pri delu z oznako koda oblikovalec postavitve napake. Lažje jih je najti in popraviti v ločeni datoteki majhne velikosti kot v običajno okorni kodi HTML.

Uporaba tehnologije JavaScript

Pri oblikovanju besedila na spletni strani je pogosto treba določiti slog za določen fragment, ki je drugačen od okoliškega. Če je ta slog večkrat uporabljen na spletnem mestu ali v velikem spletnem dokumentu, je povezava CSS s JavaScriptom primerna za izvedbo:

Ponovno, namesto style.css je zapisan relativni ali absolutni naslov zunanje datoteke z razširitvijo .css.

Ta metoda bo podrobneje preučena pri proučevanju programiranja v JavaScriptu. Tukaj je omemba tega prisilnega hitenja, ki pa je potrebna za delo z besedili na tej ravni.