Cascading Style Sheetsin päätehtävä on erittäin tärkeä. Jos CSS toimii yhdessä HTML: n kanssa ja tarjoaa perustyylin ja ulkonäön, tämä kertoo meille, että HTML-elementit näyttävät verkkosivulta. Missä CSS3 on CSS: n uusin versio. Ymmärretään CSS: n ja CSS3: n erilaiset erot seuraavassa järjestyksessä:
- CSS: n ja CSS3: n yhteensopivuus
- Pyöristetyt kulmat ja kaltevuus
- Tekstitehosteet ja animaatiot
- Pseudo-luokat
- Luettelot CSS: ssä ja CSS3: ssa
CSS3 tarjoaa ominaisuuksia, kuten JavaScripti, ja tarjoaa myös mobiilikehitysominaisuuksia lisäominaisuuksilla, kuten siirtymät, kaltevuus jne. Joten verrataan CSS: ää ja CSS3: ta näihin parametreihin.
CSS: n ja CSS3: n yhteensopivuus
CSS ei ole yhteensopiva CSS3: n kanssa, koska sen päätarkoitus oli keskittyä tarjoamaan erilaisia muotoiluominaisuuksia. Ne olivat tekstien ja esineiden sijainnin lisäksi. Mutta nämä ominaisuudet päivitettiin uusimpaan versioon, joka on CSS3.
CSS3 on CSS: n kanssa yhteensopiva sanasana. Tämä ei tee CSS: ään kirjoitettua koodia virheelliseksi. CSS3 tekee verkkosivusta houkuttelevamman ja paremman. He ovaterittäin nopea lastaus ja vähemmän aikaa sivun rakentamiseen.
Pyöristetyt kulmat ja kaltevuus
Kun CSS3 käynnistettiin, kehittäjät suunnittelivat kuvia, jotka näyttävät pyöristetyiltä kulmilta eri rakenteille ja taustakaltevuudelle. Tämä prosessi sisältää kehittäjän suunnitteleman tietyn reunan ja lataamalla mallin palvelimen yli. Heidän on sijoitettava kuva verkkosivulle ja lopulta CSS: n on sijoitettava tämä reuna oikein.
mysql workbench -opastus aloittelijoille
CSS3: ssa kehittäjän on vain kirjoitettava koodi kuten pyöreä rajalla {reunan säde: 20 kuvapistettä}. Ja se on tehty, heidän ei tarvitse lähettää minkään palvelimen kautta eikä suorittaa mitäänmuusta toiminnasta. Jopa kaltevuudet voidaan asettaa käyttämällä koodin kaltaista gradBG {Tausta: liner-gradientti (punainen, musta)}
Tekstitehosteet ja animaatiot
CSS: ssä animaatiot kirjoitettiin JavaScriptillä ja JQueryllä. Siinä ei ollut piirteitä suunnittelukerroksessa, eikä edes sivuelementillä ollut minkäänlaisia erikoistehosteita, kuten varjostavia tekstejä, tekstivalintoja jne.
CSS3: ssa kehittäjä voi lisätä tekstin varjon helpottamaan lukemista. He voisivat myös lisätä visuaaliset tehosteet katkaista viivan ja pidempiin sanoihin niin, että ne sopivathelposti pylväiden sisällä. Se sisältää myös tekstin koon ja värin jatkuvan muutoksen, myös muutoksen aika voidaan asettaa.
Pseudo-luokat
Näitä käytetään erityisesti määrittämään elementin tila CSS: ssä.
Syntaksi :selector: pseudoluokat {property: value}. Tämä tarjoaa myös erilaisia ominaisuuksia, kuten hiiren osoittimen (), yksinkertaisen työkaluvihjeen leijuttamisen ().
CSS3: ssa nämä näennäisluokat muistuttavat paljon CSS: ää, mutta niillä on vain vähän lisäominaisuuksia, jotka erottavat nämä kaksi. Näihin sisältyy minkä tahansa asiakirjan pääkohdejuuri-elementti. Käyttää (n): n numeerisia arvoja kohdentamiseen.
Luettelot CSS: ssä ja CSS3: ssa
CSS:
CSS antaa käyttäjän asettaa erilaisen luettelon järjestetyille ja järjestämättömille luetteloille.
Käyttäjä voi myös asettaa kuvan luettelokohde-merkinnälle.
Lisää taustavärejä luetteloon ja luettelon kohteisiin.
Ne voivat olla ympyrän muotoisia, neliön muotoisia, levyn tyyppisiä.
CSS3
Tässä luettelon käyttämiseksi CSS: ssä näyttöominaisuudella tulisi olla luettelokohta määritelty.
Se ei tue numerointijärjestelmää.
Sen avulla kuva asetetaan luettelokohdan merkintää vastaan.
Siinä on myös luettelotyylinen sijainti ja se voi määrittää merkintäruudun sijainnin.
Tämän avulla olemme päässeet tämän artikkelin loppuun, jossa keskustelimme CSS: n ja CSS3: n eroista. C helvetti kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se tämän artikkelin kommenttiosassa ja palaamme sinuun.