Kaskaadstiililehtede põhifunktsioon on väga oluline. Kui CSS töötab koos HTML-iga ning pakub põhistiili ja väljanägemist, annab see meile teada, et HTML-elemendid näevad välja veebileht. Kus CSS3 on CSS-i uusim versioon. Mõistame CSSi ja CSS3 erinevaid erinevusi järgmises järjekorras:
- CSS-i ja CSS-i ühilduvus
- Ümarad nurgad ja gradient
- Tekstiefektid ja animatsioonid
- Pseudoklassid
- Loendid CSS-is ja CSS3-s
CSS3 pakub selliseid võimalusi nagu JavaScripti ja mobiiliarenduse funktsioone koos täiendavate funktsioonidega, nagu üleminekud, gradient jne. Võrdleme CSS-i ja CSS3-d nende parameetritega.
CSS-i ja CSS-i ühilduvus
CSS ei ühildu CSS3-ga, kuna selle peamine eesmärk oli keskenduda erinevate vormindusfunktsioonide pakkumisele. Need olid lisaks võimalustele tekstide ja objektide positsioneerimiseks. Kuid neid funktsioone värskendati uusimale versioonile, see on CSS3.
java muuta topelt int
CSS3 on CSS-iga ühilduv tagasõna. See ei muuda ühtegi CSS-is kirjutatud koodi kehtetuks. CSS3 muudab veebilehe välimuse atraktiivsemaks ja paremaks. Nemad onlaadimisel väga kiiresti ja lehe ülesehitamiseks kulub vähem aega.
Ümarad nurgad ja gradient
CSS3 käivitamise ajal kujundasid arendajad pilte, mis näeksid välja nagu ümardatud nurgad erinevatele struktuuridele ja taustgradientile. See protsess hõlmab arendaja konkreetse piiri kujundamist ja kujunduse üleslaadimist üle serveri. Nad peavad pildi veebilehele paigutama ja lõpuks peab CSS selle piiri õigesti paigutama.
CSS3-s peab arendaja lihtsalt koodi kirjutama nagu ümmargune piir {piiri raadius: 20 pikslit}. Ja see on tehtud, nad ei pea saatma ühtegi serverit ja tegema mis tahes tüüpimuudest tegevustest. Isegi gradiente saab seadistada koodi sarnase abil gradBG {Taust: laineri gradient (punane, must)}
Tekstiefektid ja animatsioonid
CSS-is olid animatsioonid kirjutatud JavaScripti ja JQuery abil. Sellel puudusid kujunduskihi funktsioonid ja isegi leheelemendil puudusid ka mingid eriefektid, nagu tekstide varjutamine, tekstivalikud jne.
CSS3-s võiks arendaja lisada teksti varju, et seda oleks lihtsam lugeda. Samuti võiksid nad lisada visuaalseid efekte joone katkestamiseks ja pikemate sõnade juurde, et need sobiksidkergesti veergude sees. See hõlmab ka teksti suuruse ja värvi pidevat muutmist, isegi muutmise aja saab määrata.
Pseudoklassid
Neid kasutatakse elemendi oleku spetsiaalseks määratlemiseks CSS-is.
Süntaks:valija: pseudoklassid {vara: väärtus}. See pakub ka erinevaid omadusi, nagu hõljutamine kursoril (), hõlpsa hõljumise hõlbustamine ().
CSS3-s on need pseudoklassid palju sarnased CSS-iga, kuid neil on vähe lisafunktsioone, mis neid kahte eristaksid. Nende hulka kuulub põhieesmärk, millised dokumendid onjuurelement. Kasutab sihtimiseks numbrilisi väärtusi (n) sees.
Loendid CSS-is ja CSS3-s
CSS:
CSS võimaldab kasutajal seada järjestatud ja järjestamata loendite jaoks erineva loendi.
Kasutaja saab ka pildi määrata loendiüksuse markerile.
java skripti hüpikaken
Lisage loendisse ja loendi üksustesse taustavärvid.
Need võivad olla ringikujulised, ruudukujulised, plaaditaolised loendistiilis.
kuidas kasutada Java pistikupesasid
CSS3
Selles CSS-i loendi kasutamiseks peaks kuva atribuudil olema määratletud loendiüksus.
See ei toeta numeratsioonisüsteemi.
See võimaldab pilti seada loendiüksuse markeriga.
Sellel on ka loendi stiilipositsioon ja see saab määrata markerikasti asukoha.
Sellega jõuame selle artikli lõppu, kus arutlesime CSS-i ja CSS3 erinevuste üle. C kurat välja autor Edureka. Veebiarenduse sertifitseerimiskoolitus aitab teil õppida muljetavaldavaid veebisaite looma HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil ning juurutada see Amazon Simple Storage Service'i (S3).
Kas teil on meile küsimus? Palun mainige seda selle artikli kommentaaride jaotises ja võtame teiega ühendust.