CSS: povezivanje s web-dokumentom

Učenje CSS-a je sljedeći nakon HTML-a i nužan korak u ovladavanju web programiranja. Ova tehnologija značajno proširuje mogućnosti rasporeda internetskih stranica, a također smanjuje vrijeme rada dizajnera dizajna na projektu, smanjuje količinu koda. Tema je lako razumljiva, a uključivanje CSS fontova ne uzrokuje poteškoće studentima.

Cascading Style Sheets

CSS (engl. Cascade Style Sheets - Cascading Style Sheets) je označni jezik za web stranice na kojima je Haakon Wium Li počeo raditi 1994. godine.

Godine 1996. njegov je rad prepoznao World Wide Web Consortium W3C, a izdana je prva verzija CSS1. Od tada je jezik doživio promjene i prilagodbe u smjeru poboljšanja i poboljšanja.

Korištenjem CSS-a povezivanje s HTML kodom dopunjuje i proširuje mogućnosti potonjeg:

• mijenjanje teksta na stranici čim mašte dizajnera može crtati. U isto vrijeme, funkcionalnost je šira od čak i među takvim mastodontima među tekstualnim urednicima kao što su MS Word ili LibreOffice;
• omogućuje primjenu oblikovanja na velike dokumente ili značajan broj njih unutar iste web-lokacije, što uzrokuje manje truda i vremena webmasterima;
• budući da se količina 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 faktor pri povećanju vrste uređaja s mogućnošću pristupa Internetu (gadgeti).

Trenutno korišteni CSS4, koji radi u tandemu s HTML5, zadovoljava sve potrebe moderne gradnje web stranica. Mnogi IT stručnjaci vjeruju da je CSS4 dostigao vrh svog razvoja, a sljedeće verzije neće biti objavljene - nisu potrebne.

sintaksa

CSS veza s HTML oznakom provodi se kroz par oznaka , unutar koje je postavljena naredba za ponašanje elementa na web stranici, koja ima sljedeću sintaksu:

p {text-indent: 5%;} 

Primjenom ovog stila na oznaku

, u cijelom dokumentu, stavci će biti uvučeni 5% od početka retka.

Konstrukcija se zove deklaracija stila i mora se smjestiti u zaglavlju web-dokumenta koji sadrži tehničke informacije između oznaka. , Struktura ove deklaracije stila za oznaku

je ovo:

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

To su posebni pojmovi, definicije koje se koriste u udžbenicima koji su uobičajeni među programerima. Trebali bi se sjetiti!

Radite s fontom

Informacije u obliku teksta je ono na što će 99% posjetitelja buduće stranice doći u potrazi za potrebnim podacima. Stoga čitljivost fonta, njegova estetika i lakoća vizualne percepcije igraju važnu ulogu za posjećenost izvora. CSS veza ovdje će biti akcija koja je u stanju zadovoljiti navedene zahtjeve.

Za manipulaciju fontom tehnologija ima bogat alat. Najjasniji u obliku tablice je pružiti još jedan način povezivanja CSS fontova za oznaku.

koji poravnava tekst:

Primjer kako će preglednik prikazati svaku deklaraciju stila:

Brojni stilovi koriste se za rad s tekstom. Cjelovit popis njih, njihova svrha, njihova svojstva i vrijednosti mogu se pronaći u CSS referentnim knjigama.

Vanjske CSS datoteke

CSS veza može se izvršiti putem vanjskih datoteka. U ovom slučaju, osim glavnog HTML dokumenta, dokument s stilovima kreira se zasebno i nalazi se u istom direktoriju kao i sam HTML dokument. Njihov broj može biti bilo koji. Algoritam za povezivanje vanjskih CSS datoteka sastoji se od samo dva koraka:

1. U uređivaču teksta izradite dokument sa stilovima, navedite proširenje za to .css. S ovom oznakom nije navedeno.
2. U HTML dokumentu u zaglavlju dokumenta (između oznaka ) morate pogledati ovu datoteku koristeći sljedeću konstrukciju:

    ​ 

Umjesto style.css, morate navesti adresu datoteke. U ovom slučaju, adresiranje može biti i apsolutno i relativno. Prednosti su očite:

• vanjske datoteke mogu se primijeniti na bilo koji broj web-stranica unutar web-lokacije;
• ako navedete apsolutno adresiranje, a zatim na nekoliko web-mjesta. Očito, uz to, oznaka se piše jednom i nema potrebe propisivati ​​stil za svaku stranicu;
• kada programer koristi ovu metodu, krajnji korisnik neće moći vidjeti CSS kod. Na taj način možete zaštititi svoju kreativnost od plagiranja.

Osim toga, kada radite s kodom za označavanje, dizajner izgleda pravi pogreške. Lakše ih je pronaći i popraviti u zasebnoj datoteci male veličine nego u obično nezgrapnom HTML kodu.

Korištenje JavaScript tehnologije

Kada formatirate tekst na web-stranici, često je potrebno postaviti stil za određeni fragment koji se razlikuje od okolnog. Ako se ovaj stil više puta primjenjuje na web-lokaciji ili u velikom web-dokumentu, onda je prikladno provesti povezivanje CSS-a kroz JavaScript kroz konstrukciju:

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

Ova metoda će se detaljnije proučavati pri proučavanju programiranja u JavaScriptu. Spomenuti ga ovdje je prisilna žurba naprijed, ali nužna za rad s tekstovima na toj razini.