CSS studija je sljedeći nakon HTML-a i obvezni stupanj razvoja web programiranja. Ova tehnologija uvelike proširuje mogućnost označavanja internetskih stranica, kao i skraćuje rad instalatera nad projektom, smanjuje količinu koda. Tema je lako razumljiva, a povezivanje CSS fontova ne uzrokuje poteškoće studentima.

Cascading Style Sheets

CSS (engl. Cascade Style Sheets) je jezik za označavanje web stranica koji je Haokon Wium počeo raditi 1994. godine. Godine 1996. W3C World Wide Web Consortium je prepoznao njegov rad, a izdana je i prva verzija CSS1. Od tada je jezik doživio promjene i ispravke u smjeru poboljšanja i poboljšanja. Koristeći CSS, povezivanje s HTML kodom dopunjuje i proširuje mogućnosti potonjeg:

mijenjanje teksta na stranice jer može privući maštu dizajnera. U ovom slučaju, funkcionalnost je šira od čak i onih mastodonta među uređivačima teksta, kao što su MS Word ili LibreOffice;

omogućuje primjenu formatiranja na velike dokumente ili velike količine dokumenata unutar jedne stranice, što čini webmastere manje truda i vremena;

Kako se volumen koda smanjuje, povećava se brzina učitavanja stranica, što je vrlo važno za korisnike s sporom ili ograničenom vezom;

ima alate za cross-preglednik izgled - vrlo važan čimbenik u povećanju vrste uređaja s mogućnošću pristupa Internetu (gadgeti).

Trenutno se koristi CSS4 koji radi u tandemu s HTML5 koji ispunjava svepotrebe modernog gradilišta. Mnogi IT stručnjaci vjeruju da je CSS4 dostigao vrh svog razvoja, a buduće verzije neće biti objavljene - one to ne trebaju.

Sintaksa

CSS se povezuje s HTML oznakom pomoću dvostruke oznake koja sadrži upute za ponašanje elementa na web stranici koja ima sljedeću sintaksu:




p {text-indent: 5%;}

Primjena tog stila na oznaku

u odlomcima dokumenta ima 5% pomaka od početka linije.

p {text-indent: 5%;}
 

Dizajn se naziva stil oglasa i mora se staviti u naslov web stranice, Dokument koji sadrži tehničke podatke između oznaka. Struktura danog stila oglasa za oznaku

je kako slijedi:

1. p je identifikator.
2. svojstvo text-indent - stil.
3. 5% - vrijednost imovine.

To su posebni pojmovi, definicije koje se koriste u tutorijalima koje koriste programeri. Moraju se pamtiti!

Rad s fontovima

Informacije u obliku teksta - što će 99% posjetitelja buduće stranice doći do potrebnih podataka. Stoga, čitljivost fonta, njegova estetika i lakoća korištenja u vizualnoj percepciji igraju važnu ulogu za posjećivanje resursa. CSS veza ovdje će biti akcija koja može odgovoriti na navedene zahtjeve.

Za manipulacije u tehnologiji fonta postoji bogat alat. Najjasnije u obliku stolapružiti drugi način za povezivanje CSS fontova s ​​oznakama

, što usklađuje tekst:

KAPACITET	MOGUĆI ZNAČAJ	REZULTAT
p	poravnajte	lijevo	tekst pritisnut na lijevi rub (zadana vrijednost)
središte	tekst je centriran
desno	tekst se pritisne na desnu stranu
opravdati	tekst ispunjava crte na obje strane (kao u knjigama)

Primjer kako će preglednik prikazati svaki stil oglasa:

Brojni se stilovi koriste za rad s tekstom. Svojim potpunim popisom, svrhom, njihovim svojstvima i vrijednostima možete pronaći u CSS referentnim knjigama.

Vanjske CSS datoteke

CSS veza može se izvršiti pomoću vanjskih datoteka. U ovom slučaju, osim glavnog HTML dokumenta, kreira se zasebni dokument sa stilovima i smješta u isti direktorij kao i sam HTML dokument. Njihov broj može biti bilo koji. Algoritam za povezivanje vanjskih CSS datoteka sastoji se od dva koraka:

1. U uređivaču teksta napravite dokument sa stilovima, navedite ga za to .css. Nema oznaka.
2. U HTML dokumentu u naslovnom dijelu dokumenta (između oznaka), morate spomenuti ovu datoteku sa sljedećimdizajni:

Umjesto style.css, morate navesti adresu svoje datoteke. Ovo adresiranje može biti apsolutno ili relativno. Dobrobiti su očite:

• vanjske datoteke mogu se primijeniti na bilo koji broj web-stranica unutar web-lokacije;
• ako postavite apsolutnu adresu, zatim na nekoliko mjesta. Očigledno je da se u isto vrijeme jednom napiše oznaka i da nije potrebno propisati stil za svaku stranicu;
• Ako programer koristi ovu metodu, krajnji korisnik neće moći vidjeti CSS kod. Tako možete zaštititi svoju kreativnost od plagiranja.

Između ostalog, kada radite s kodom za označavanje, kralježnica čini pogreške. Lakše ih je otkriti i popraviti u maloj datoteci manje veličine od uobičajenog HTML koda.

Korištenje javascript tehnologije

Kod oblikovanja teksta na web stranici često se događa da je potrebno odrediti stil za određeni fragment osim okruženja. Ako se ova metoda koristi više puta na web-mjestu ili u velikom web-dokumentu, prikladno je povezati se putem CSS-a pomoću dizajna:

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


Opet, umjesto style.css, upisuje se relativna ili apsolutna adresa vanjske datoteke s nastavkom .css.