Razlika između CSS3 i CSS-a

Moderna web stranica sastoji se od tri različite datoteke ili koda, HTML, JavaScript i CSS. HTM definira strukturu web stranice; JavaScript definira kako će se web lokacija ponašati; a CSS definira cjelokupni izgled i stil web stranice. CSS specifikacije održava W3C. S jedne strane imamo osnovnu verziju, a s druge najnoviju i snažnu CSS3. Pogledajmo razlike između njih dvoje.

Što je CSS?

CSS je skraćenica od Cascading Style Sheets. Omogućuje vam kreativnu kontrolu nad cjelokupnim dizajnom i izgledom vaših web stranica. Svrha CSS-a je pojednostaviti postupak oblikovanja web stranica. CSS je jednostavan jezik dizajna koji vam omogućuje stvaranje privlačnih web stranica. Pomaže u određivanju misli poput boje, fonta, pozicioniranja određenih elemenata i malo animacije. Ako ste u tim procesorima teksta, kao što je Microsoft Word ili programi za raspored stranica poput Adobe InDesign, koristili stilove, CSS će vam se činiti poznatim. Bilo koji vizualni element na web mjestu, kao što su pozadina, okviri, tekst, zaglavlje i podnožje, doslovno sve može se promijeniti CSS-om.



Što je CSS3?

CSS3 je najnovija inačica jezika Cascading Style Sheets, a broj 3 nije samo referenca na nove značajke u CSS-u, već treća razina u napretku CSS specifikacije. CSS3 je nova modularna verzija CSS specifikacije s nekim uzbudljivim novim značajkama kako bi vaš web dizajn nastojao na potpuno novu razinu, čineći ga lakšim i fleksibilnijim. To je novi opći pojam koji se koristi za opisivanje novih CSS značajki i funkcionalnosti koje su se pojavile tijekom posljednjih nekoliko godina. Sada je dio ove nove funkcionalnosti kontinuirani razvoj CSS-a kroz W3C, a drugi dio pokreće nova generacija preglednika koji su posebno uređeni kako bi dizajnerima pružili snažnije alate za stvaranje web stranica. Donosi mnoštvo novih značajki i dodataka, poput naprednih birača, zaobljenih kutova, novih izgleda, animacija ili prijelaza, sjena, gradijenata, odabira boja i još mnogo toga.



Razlika između CSS3 i CSS-a

Selektori

- Selektori su u samom srcu Cascading Style Sheets-a koji su u osnovi uzorci koji se koriste za odabir HTML elemenata koje želite oblikovati. CSS3 sadrži potpuno novi, robusni alatni niz naprednih selektora koji vam omogućuju odabir specifičnijih elemenata za oblikovanje, istodobno uklanjajući potrebu za onim proizvoljnim ID-ima i klasama koje tako često uključujete. S tako širokim rasponom selektora možete ciljati gotovo bilo koji element stranice. CSS3 uvećava osnovnu funkcionalnost odabira atributa omogućavajući vam odabir elemenata na temelju nizova unutar vrijednosti atributa.

Boje

- CSS3 nudi nekoliko uzbudljivih novih načina igre bojama. Prije su se boje deklarirale pomoću heksadecimalnog formata - sustava numeriranja koji započinje u 00, a završava u FF. Specifikacija boja CSS3 definira prošireni popis ključnih riječi u boji koje podržavaju web preglednici. Popis sada uključuje dodatnih 147 ključnih riječi u boji i novi model nazvan 'RGBA' (dodatak alfa) koji omogućuje specifikaciju neprozirnosti boje. Najvažnija promjena je ta što sada možete proglasiti poluprozirne boje.



Granica-radijus

- Svojstvo CSS border-radius definira zaobljene kutove bilo kojeg elementa, omogućujući vam lako korištenje zaobljenih kutova u vašim elementima dizajna. Uz CSS3 možete čak koristiti slike za obrube i stvarati zaobljene kutove na svojim obrubima bez slika ili dodatnih oznaka. Također ima dodatke svojstva pozadine, kao što je mogućnost da imaju više pozadina i poboljšanja za kontrolu veličine, orijentacije i isjecanja pozadinske slike. Svojstvo okvira sjene omogućuje vam dodavanje sjena elementima.

Oblikovanje teksta

- CSS3 nudi mnoštvo svojstava oblikovanja teksta, od kojih su mnoga već prisutna u CSS2, ali s nekim dodatnim značajkama, poput novog svojstva sjene teksta. Ovo novo svojstvo sjene teksta omogućuje vam dodavanje sjena pojedinačnim znakovima u čvorovima teksta. Učinak sjene za tekst web stranicu čini živopisnijom i privlačnijom. Prije CSS3, učinili biste isto koristeći sliku ili duplicirani element teksta, a zatim ga smjestili.

Gradijenti

- Gradijenti su jedna od najočekivanijih značajki koje postaju izvorne za CSS. To su nevjerojatno moćni dodaci CSS-u koji vam omogućuju postavljanje boje pozadine elementa na gradijent. Možete koristiti običan, jednostavan gradijent u dvije boje ili možete sve izaći pomoću brojnih zaustavljanja boja i različitih razina neprozirnosti tijekom gradijenta. Gradijenti mogu biti linearni ili radijalni i stvarati vizualne efekte koji su vizualno bogati poput gradijenata u drugim tehnologijama poput SVG-a.



Prijelazi i animacije

- CSS3 ima još jednu zanimljivu značajku zvanu prijelazi koja pruža način upravljanja brzinom animacije prilikom prijelaza s jedne vrijednosti CSS svojstva na drugu. Na primjer, možete animirati visinu elementa od nula piksela do stotinu piksela da biste otkrili sadržaj elementa. CSS3 animacije imaju svoje specifikacije i omogućuju vam stvaranje ključnih okvira za kontrolu animacija i svojstava koja vam omogućuju upravljanje vremenom, trajanjem i petljanjem animacija.

CSS3 nasuprot CSS-u: Tabela usporedbe

Sažetak CSS3 u odnosu na CSS

CSS3 je, u svakom pogledu, dostojan nasljednik koji sadrži nove zanimljive nove značajke koje će vam pomoći u vašem web dizajniranju. Ima puno moćnih značajki koje vaš web dizajn čine jednostavnijim, lakšim i fleksibilnijim nego ikad. CSS3 ne samo da korisnicima nudi mnoštvo uzbudljivih novih značajki s kojima se mogu igrati, već i da korisnicima pruži fleksibilnije načine rješavanja postojećih problema. Sada postoji više od 40 modula u CSS3 u različitim fazama dovršetka i podrške preglednika. Kao prvo, CSS3 sadrži čitav novi set alata naprednih selektora koji vam omogućuju odabir specifičnijih elemenata za oblikovanje.

Popularni Postovi

Razlika između sidra i izvjestitelja

Usidrenje vs reporter Sidro i reporter dio su vijesti. Ponekad sidro može ukrasiti ulogu izvjestitelja i obrnuto. Ali to je prilično rijetko

Razlika između fistule i pukotine

Fistula je veza koja se stvara između dviju regija gdje takva veza ne bi trebala postojati. Pukotina je suza koja se često događa u

Razlika između abdominoplastike i liposukcije

Abdominoplastika protiv liposukcije Zbog nezasitnih ljudi koji žele izgledati ljepše, došla je estetska kirurgija. Tijekom posljednja dva desetljeća, dva

Razlika između Ahija i Mahija

Ahi vs Mahi Ahi i Mahi su ukusne ribe koje se široko prodaju na cijelom svijetu. Imaju mnogo razlika između te dvije vrste. Prije svega, pustimo nas

Krvoproliće u 'Čarobnoj dolini'

1915., dok je Anglos raseljavao Latinoamerikance s američke strane donje doline Rio Grande, meksički su sedicionisti iskorištavali napetosti kako bi podstakli trkački rat

Razlika između oksikodona i hidrokodona

Oksikodon vs hidrokodon Oksikodon i hidrokodon su dva vrlo raspravljana lijeka koja se često propisuju za ublažavanje ekstremnih bolova. Klasificirani su kao opojni