Glavna funkcija kaskadnih tabela vrlo je važna. Gdje CSS radi zajedno s HTML-om i pruža osnovni stil i izgled, a to će nam dati do znanja da će HTML elementi izgledati na web stranici. Gdje je CSS3 najnovija verzija CSS-a. Razumijemo različite razlike između CSS-a i CSS3 sljedećim redoslijedom:
- Kompatibilnost CSS-a i CSS3
- Zaobljeni kutovi i gradijent
- Tekstualni efekti i animacije
- Pseudo klase
- Popisi u CSS-u i CSS3
CSS3 pruža mogućnosti poput JavaScript-a, a također pruža značajke za mobilni razvoj s dodatnim značajkama poput prijelaza, gradijenta itd. Usporedimo CSS i CSS3 na tim parametrima.
Kompatibilnost CSS-a i CSS3
CSS nije kompatibilan sa CSS3 jer mu je glavna svrha bila usredotočiti se na pružanje različitih značajki oblikovanja. Oni su bili dodatak mogućnostima za položaj tekstova i predmeta. No ove su značajke ažurirane na najnoviju verziju CSS3.
CSS3 je pozadinska riječ kompatibilna sa CSS-om. To neće učiniti nijedan kôd napisan u CSS-u nevaljanim. CSS3 čini web stranicu privlačnijom i boljom. Oni suvrlo brzo pri učitavanju i manje vremena potrebno za izradu stranice.
Zaobljeni kutovi i gradijent
Kada je CSS3 pokrenut, programeri su dizajnirali slike koje bi izgledale kao zaobljeni kutovi za različite strukture i gradijent pozadine. Ovaj postupak uključuje programera koji dizajnira određenu granicu i učitava dizajn preko poslužitelja. Moraju postaviti sliku na web stranicu i na kraju CSS mora pravilno postaviti ovu granicu.
U CSS3 programer treba samo napisati kôd kao okrugli granica {radijus obruba: 20 piksela}
. I gotovo je da ne trebaju slati putem bilo kojeg poslužitelja i izvoditi bilo koju vrstuostalih aktivnosti. Čak se i gradijenti mogu postaviti pomoću koda poput gradBG {Pozadina: linijski gradijent (crvena, crna)}
kako prekinuti java program -
Tekstualni efekti i animacije
U CSS-u su animacije napisane na JavaScript-u i JQueryju. Nije imao značajke u dizajnerskom sloju, a čak ni element stranice također nije imao nikakve posebne efekte poput zasjenjivanja tekstova, odabira teksta itd.
U CSS3 programer bi mogao dodati text-shadow kako bi ga olakšao čitanje. Također bi mogli dodati vizualne efekte u prijelomnu liniju i na duže riječi kako bi se uklopililako unutar stupaca. Također uključuje kontinuiranu promjenu veličine i boje teksta, čak se i vrijeme promjene može postaviti.
Pseudo klase
Oni se koriste za posebno definiranje stanja elementa u CSS-u.
Sintaksa:selektor: pseudo-klase {svojstvo: vrijednost}
. Ovo također pruža različita svojstva poput lebdenja na (), jednostavnog opisa hover ().
U CSS3 su ove pseudo-klase mnogo slične CSS-u, ali imaju nekoliko dodatnih značajki koje razlikuju ove dvije. Uključuju korijenski cilj koji dokumentkorijenski element. Koristi numeričke vrijednosti unutar (n) za ciljanje.
Popisi u CSS-u i CSS3
CSS:
CSS omogućuje korisniku postavljanje različitih popisa za poredane i neuređene popise.
Korisnik također može postaviti sliku za oznaku stavke popisa.
Na popis i stavke popisa dodajte boje pozadine.
Mogu biti u obliku kruga, kvadrata, poput lista, poput diska.
kako koristiti trim metodu u javi -
CSS3
Da biste koristili popis u CSS-u, svojstvo prikaza u njemu bi trebalo definirati stavku popisa.
Ne podržava sustav numeriranja.
Omogućuje postavljanje slike naspram oznake stavke popisa.
Također ima položaj stila popisa i može odrediti položaj okvira markera.
Ovime smo došli do kraja ovog članka u kojem smo raspravljali o razlikama između CSS-a i CSS3. C pakao od Edureke. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja te ih rasporediti na Amazon Simple Storage Service (S3).
Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog članka, pa ćemo vam se javiti.