Kako stvoriti CSS (sa ilustracijama) -

CSS je jezik stilskih tablica pomoću kojih možete kreirati web stranice i istovremeno kontrolirati više funkcija, dodjeljivanje grupa određenih elemenata. Na primjer, pomoću koda u boji, dizajner može promijeniti boju pozadine na svim stranicama web mjesta izradom jedne promjene u CSS kodu.

Korake

Dio 1 od 4:

Kako napisati ugrađeni CSS kod

jedan. Pogledajte HTML oznake. Morate znati kako funkcioniraju oznake i atributi Src i href.

2. Istražiti neke od Glavna svojstva CSS-a. Postoji mnogo nekretnina, ali ne sjećajte se svega.

Sjetite se sljedećih svojstava ključeva CSS: Boja i Porodica fonta.

3. Ispitajte vrijednosti odgovarajućih svojstava. Za svaku nekretninu ukazuje na vrijednost. Na primjer, za svojstva Boja Možete odrediti vrijednost crvena.

4. Pogledajte HTML atribut Stil. Koristi se unutar elementa href ili Src. Da biste koristili navedeni atribut, u navodnicima nakon jednog znaka, unesite Atribut CSS, Colon, a zatim vrijednost nekretnine. To se zove CSS pravilo.

pet. Imajte na umu da profesionalni web programeri obično ne koriste ugrađeni CSS kôd za stvaranje web lokacija. Ugrađeni CSS kôd može poremetiti integritet HTML koda. Ipak, ovo je sjajan način da se upoznate sa temeljima funkcioniranja CSS-a.

2. dio 4:

Kako napisati jednostavan CSS kod

jedan. Pokrenite program u kojem možete kreirati HTML i CSS datoteke.

Ako nema posebnog programa, koristite bilježnicu ili drugi uređivač teksta. Samo sačuvajte datoteku kao tekstualnu datoteku i CSS datoteku.

2. Otvorite HTML kod. Uradite to u HTML uredniku (ako jeste).

U HTML uređivaču možete raditi sa HTML kodom i sa CSS kodom.

3. Kreirajte oznaku Inhtml tag . U ovom slučaju, CSS kôd može se napisati bez potrebe za stvaranjem zasebne datoteke.

4. Odaberite stavku kojoj želite dodati stil. Sada unesite ime elementa i kovrčave zagrade ({ }). Da bi kod učinili razumljivije, drugi kovrčavi nosač uvijek ulazi na novu liniju.

Slika pod nazivom Kreirajte CSS korak 10

pet. Unutar nosača unesite pravilo CSS kao da ste koristili atribut Stil. Svaki niz mora završiti s zarezom (-). Da bi se kôd pokvario, svako se pravilo unosi u zasebnu liniju, a svaki redak mora imati uvlaka.

Imajte na umu da će ovaj stil uticati na sve elemente odabrane vrste na stranici. U sljedećem odjeljku bit će pregledan određeniji stil.

3. dio 4:

Kako napisati složeniji CSS kod

jedan. Kreirajte CSS datoteku (a ne HTML datoteku) i sačuvajte ga s produžetkom .CSS. Takođe otvorite HTML datoteku.

Slika pod nazivom Kreirajte CSS korak 12

2. Kreirajte oznaku Inhtml tag . Dakle, povezati ćete zasebnu CSS datoteku sa HTML datotekom. Za oznaku Potrebna su tri atributa: Rel, Vrsta i href.

Rel Određuje preglednik kako liječiti HTML datoteku. Ovdje bi ovaj atribut trebao biti važan Stylesheet.

Vrsta Izvještava o kojoj se vrstu medija odnosi na. Ovdje bi ovaj atribut trebao biti važan Tekst / CSS

href ovdje se koristi na isti način kao u elementu , Ali ovdje ovaj atribut mora se odnositi na CSS datoteku. Ako je CSS datoteka u jednoj mapi s HTML datotekom, navedite naziv datoteke u citate samo.

Slika pod nazivom Kreirajte CSS korak 13

3. Odaberite stavke različitih vrsta na koje želite dodati jedan stil. Dodajte atribut Klasa na takve elemente i izjednačite ih na ime odabrane klase. U ovom slučaju elementi će biti isti stil.

Slika pod nazivom Kreirajte CSS korak 14

4. Navedite koji će stil dobiti klasu. U CSS datoteci unesite naziv klase nakon tačke ., To jest: .Klasa.

Slika pod nazivom Kreirajte CSS korak 15

pet. Odaberite pojedinačne stavke kojima želite dodati poseban stil i dodati atribut id. CSS identifikatori se stvaraju pomoću simbola #, Nije tačka.

Identifikatori su precizniji od nastave, tako da identifikator nadvlada bilo koji stil klase ako ima atribut s vrijednošću koja nije vrijednost klase.

Dio 4 od 4:

Kako naučiti CSS i HTML

jedan. Otvoreno mjesto HTML Academy. Na njemu možete naučiti osnove web razvoja.

Slika pod nazivom Kreirajte CSS korak 17

2. Pronađite druge web stranice posebno dizajnirane za istraživanje HTML-a i CSS-a.Potražite autoritativne izvore za množenje vašeg znanja.

Slika pod nazivom Kreirajte CSS korak 18

3. Komunicirajte sa web dizajnerima i programerima. Njihovo iskustvo pomoći će vam da savladate vrijedne znanje i vještine.

Slika pod nazivom Kreirajte CSS korak 19

4. Pogledajte izvorne kodove web lokacija koje ste otvorili. Pogledajte CSS kodove napravljene web stranice omogućuju vam upoznavanje metoda razvoja dijelova web stranica. Kopirajte kôd, a zatim ga uredite da biste saznali kako koristiti različite CSS atribute.

Savjeti

Postoji mnogo različitih svojstava koje se mogu manipulirati pomoću CSS-a. Pronađite web stranicu koja vam se sviđa i pogledajte njegovu izvornu datoteku. Ako se unutar glave oznake imaju CSS ime datoteke, kliknite na njega da biste vidjeli različita svojstva i vrijednosti dodijeljene stavcima.

Upozorenja

Kopiranje HTML i CSS kodova pomoći će vam u treningu, ali morate koristiti vlastite dizajnerske ideje. Korištenje tuđeg dizajna je krađa i plagijata.