http___www.kodadri.com_css__1.xml
1.1 2.1 3.1 4.1 5.1 7.1 8.1 8.2 8.3 8.4 8.5 8.6 8.7 8.8 8.9
Watch Kurosawa's Masterpiece Below (note you will need to turn on english captions) “Mojave shows how local changes make a global impact.” NGO News Publication | April 2016 Projected growth based on current donations YEAR by YEAR GROWTH The following text is placeholder known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non finibus tellus. Donec laoreet ipsum vel eleifend tempor. Suspendisse eu suscipit enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elementum euismod ex, eget interdum mauris ullamcorper id. Curabitur id consequat elit.
1.1 2.1 2.2 2.3 3.1 3.2 3.3 4.1 5.1 5.2 5.3 5.4 6.1 7.1 8.1 9.1 10.1 11.1 12.1 13.1 17.1 19.1 20.1 21.1 22.1 26.1 27.1 30.1 30.2 31.1 33.1 35.1 36.1 44.1 45.1 46.1 46.2 46.3 46.4 47.1 48.1 48.2 48.3 48.4 51.1 53.1 54.1 57.1 58.1 61.1 62.1
Osnove CSS-a CSS (Cascading Style Sheets) je stilski jezik koji koristimo u kombinaciji sa HTML-om i on je zadužen za izgled HTML stranice. Preko njega definiramo vrstu slova, boje, margine, razmake, dimenzije i raspored elemenata na stranici. Istina je da sve to možemo napraviti i u HTML-u, ali koristeći CSS odvajamo dizajn od strukture sadržaja. CSS možemo pisati u bilo kojem tekstualnom editoru, isto kao i HTML. Najpoznatiji tekstualni editor je Notepad i imamo ga na svakom računalu koje ima Windows sustav. Moj izbor je Notepad ++ jer ima malo naprednije mogućnosti i možete ga skinuti ovdje. Što smo na kraju dobili? Imamo uredniji i pregledniji kod. U HTML-u nabrajamo elemente koje koristimo na stranici, a u CSS-u dorađujemo izgled tih elemenata. Ako CSS koristimo kao eksternu datoteku, lako je možemo pozvati u bilo koji HTML dokument. Možemo napraviti brže i lakše korekcije na stranici (ako imamo preko nekoliko desetaka i više stranica u jednom potezu možemo promijeniti npr. boju teksta na svim stranicama ili font). Vrste stilova Postoje 3 načina na koje možemo pisati stil. - Inline – pišemo unutar HTML datoteke - Interni – pišemo unutar HTML datoteke - Eksterni – pišemo u zasebnu datoteku Inline stil upotrebljavamo “u redu”=”in line”, a to znači kod pisanja samog HTML dokumenta, po potrebi uključimo jedan redak stila koji definira npr. izgled nekog odlomka. Plava pozadina sa bijelim tekstom. Interni stil upisujemo unutar HEAD elementa HTML datoteke. Ovo je primjer internog CSS-a h1 {font size: 20px; color: red;} p {font size: 12px; color: blue;} Naslov je crvene boje, veličine 20px Tekst u odlomku je plave boje, veličine 12px. Eksterni stil je popularniji i praktičniji jer ga zapisujemo u zasebnu datoteku koja ima ekstenziju CSS i poslije je pozivamo u HTML datoteku unutar HEAD elementa. Znači imamo 2 dokumenta: index.htm i style.css U HEAD dokumenta index.htm upisujemo sljedeće: Ako se datoteka style.css nalazi u mapi CSS onda pišemo: Primjer stranice: HTML kod gornjeg primjera: Primjena CSS-a Prvi podnaslov Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget lorem nisi, eget egestas erat. Integer enim dolor, placerat blandit aliquet eu, vehicula ac nisi. Donec magna est, consectetur laoreet vestibulum et, porta eget tortor. Drugi podnaslov Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel sapien ut turpis sollicitudin aliquet. Nunc viverra varius nisi, et euismod sapien posuere non. Donec augue erat, vehicula sed molestie ac, facilisis non ipsum. CSS kod gornjeg primjera: font-size: 30px; color: red; font-size: 24px; color: green; font-size: 12px; color: blue;