Ang pangunahing pag-andar ng Cascading Style Sheets ay napakahalaga. Kung saan gumagana ang CSS kasama ang HTML at upang maibigay ang pangunahing istilo at hitsura at ipapaalam nito sa amin na ang mga elemento ng HTML ay titingnan sa web page. Kung saan ang CSS3 ay ang pinakabagong bersyon ng CSS. Unawain natin ang iba't ibang mga pagkakaiba sa pagitan ng CSS at CSS3 sa sumusunod na pagkakasunud-sunod:
- Pagkatugma ng CSS at CSS3
- Rounded Corners at Gradient
- Mga Epektong Text at Animation
- Mga Klase na Pseudo
- Mga listahan sa CSS at CSS3
Nagbibigay ang CSS3 ng mga kakayahan tulad ng JavaScript at nagbibigay din ng mga tampok sa pag-unlad ng mobile na may mga karagdagang tampok tulad ng mga paglipat, gradient, atbp. Kaya, ihambing natin ang CSS at CSS3 sa mga parameter na ito.
Pagkatugma ng CSS at CSS3
Ang CSS ay hindi tugma sa CSS3 dahil ang pangunahing layunin nito ay mag-focus sa pagbibigay ng iba't ibang mga tampok sa pag-format. Ang mga ito ay bilang karagdagan sa mga kakayahan para sa posisyon ng mga teksto at mga bagay. Ngunit ang mga tampok na ito ay na-update sa pinakabagong bersyon na CSS3.
Ang CSS3 ay ang backword na katugma sa CSS. Hindi nito gagawing hindi wasto ang anumang code na nakasulat sa CSS. Ginagawang mas kaakit-akit at mas mahusay ng CSS3 ang webpage. Sila aynapakabilis sa paglo-load at mas kaunting oras na kinakailangan upang mabuo ang pahina.
Rounded Corners at Gradient
Kapag ang oras ng CSS3 ay inilunsad, ginamit ng mga developer ang disenyo ng mga imahe na magmukhang mga bilugan na sulok sa iba't ibang mga istraktura at background gradient. Kasama sa prosesong ito ang developer na nagdidisenyo ng tukoy na hangganan at ina-upload ang disenyo sa server. Kailangan nilang ilagay ang imahe sa webpage at sa huli, kailangang iposisyon ng CSS nang tama ang hangganan na ito.
Sa CSS3 kailangan lamang ng developer na isulat ang code tulad ng bilog hangganan {border-radius: 20px}. At tapos na hindi na nila kailangang magpadala sa anumang server at magsagawa ng anumang uring iba pang mga aktibidad. Kahit na ang mga gradient ay maaaring itakda sa pamamagitan ng paggamit ng code tulad ng gradBG {Background: liner-gradient (pula, itim)}
ano ang namespace sa c ++
Mga Epektong Text at Animation
Sa CSS ang mga animasyon ay nakasulat sa JavaScript at JQuery. Wala itong mga tampok sa layer ng disenyo at kahit na ang elemento ng pahina ay wala ring anumang uri ng mga espesyal na epekto tulad ng pag-shade ng mga teksto, pagpili ng teksto, atbp.
Sa CSS3 maaaring idagdag ng developer ang text-shadow upang gawing mas madaling basahin. Maaari din nilang idagdag ang mga visual effects upang masira ang linya at sa mas mahahabang salita upang magkasya ang mga itomadali sa loob ng mga haligi. Kasama rin dito ang patuloy na pagbabago ng laki at kulay ng teksto kahit na ang oras ng pagbabago ay maaari ring maitakda.
Mga Klase na Pseudo
Ginagamit ang mga ito upang espesyal na tukuyin ang estado ng isang elemento sa CSS.
Syntax:tagapili: mga pseudo-klase {pag-aari: halaga}. Nagbibigay din ito ng iba't ibang mga katangian tulad ng pag-hover sa (), simpleng tooltip hover ().
Sa CSS3 ang mga pseudo-class na ito ay halos kapareho sa CSS ngunit mayroon silang ilang mga karagdagang tampok na naiiba ang dalawang ito. Kasama rito ang root target na aling dokumentoang elemento ng ugat. Gumagamit ng mga numerong halaga sa loob ng (n) na mai-target.
Mga listahan sa CSS at CSS3
CSS:
operator ng resolusyon ng saklaw c ++
Pinapayagan ng CSS ang gumagamit na magtakda ng magkakaibang listahan para sa mga nakaayos at hindi naayos na listahan.
Maaari ring itakda ng gumagamit ang imahe para sa isang marker ng item sa listahan.
Magdagdag ng mga kulay ng background sa listahan at listahan ng mga item.
tostring () pamamaraan java
Maaari silang bilog, parisukat, tulad ng disc-tulad ng lista-estilo-uri.
CSS3
Sa ito upang magamit ang listahan sa CSS ang ipinapakita na pag-aari ay dapat magkaroon ng listahan ng item na tinukoy dito.
Hindi nito sinusuportahan ang system ng pagnunumero.
Pinapayagan nitong itakda ang imahe laban sa marker ng item ng listahan.
Mayroon din itong posisyon ng istilo ng listahan at maaaring tukuyin ang posisyon ng marker box.
Sa pamamagitan nito, natapos namin ang artikulong ito kung saan tinalakay ang mga pagkakaiba sa pagitan ng CSS at CSS3. C ano ba ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay ng Pag-unlad sa Web na malaman kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).
May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng artikulong ito at babalikan ka namin.