Hlavní funkce kaskádových stylů je velmi důležitá. CSS funguje společně s HTML a poskytuje základní styl a vzhled, což nám dá vědět, že prvky HTML budou vypadat na webové stránce. Kde CSS3 je nejnovější verze CSS. Pojďme pochopit různé rozdíly mezi CSS a CSS3 v následujícím pořadí:
- Kompatibilita CSS a CSS3
- Zaoblené rohy a přechod
- Textové efekty a animace
- Pseudo třídy
- Seznamy v CSS a CSS3
CSS3 poskytuje funkce, jako je JavaScript, a také poskytuje funkce pro mobilní vývoj s dalšími funkcemi, jako jsou přechody, přechod atd. Pojďme si tedy porovnat CSS a CSS3 s těmito parametry.
Kompatibilita CSS a CSS3
CSS není kompatibilní s CSS3, protože jeho hlavním účelem bylo zaměřit se na poskytování různých funkcí formátování. Byly kromě schopností pro umístění textů a objektů. Ale tyto funkce byly aktualizovány na nejnovější verzi, kterou je CSS3.
CSS3 je backword kompatibilní s CSS. Díky tomu nebude žádný kód napsaný v CSS neplatný. Díky CSS3 vypadají webové stránky atraktivněji a lépe. Oni jsouvelmi rychle při načítání a méně času potřebného k vytvoření stránky.
Zaoblené rohy a přechod
Když byl spuštěn CSS3, vývojáři používali k navrhování obrázků, které by vypadaly jako zaoblené rohy s různými strukturami a gradientem pozadí. Tento proces zahrnuje vývojáře, který navrhuje konkrétní ohraničení a nahraje návrh přes server. Musí umístit obrázek na webovou stránku a nakonec musí CSS správně umístit tuto hranici.
V CSS3 musí vývojář napsat kód jako kulatý okraj {border-radius: 20px}. A je hotovo, že nemusí posílat přes žádný server a provádět jakýkoli druhdalších činností. Dokonce i přechody lze nastavit pomocí kódu jako gradBG {Pozadí: liner-gradient (červená, černá)}
Textové efekty a animace
V CSS byly animace psány v JavaScriptu a JQuery. Neměl funkce v návrhové vrstvě a dokonce ani prvek stránky neměl žádné speciální efekty, jako jsou stínové texty, výběry textu atd.
V CSS3 mohl vývojář přidat textový stín, aby bylo snazší číst. Mohli také přidat vizuální efekty, aby rozdělili čáru a delší slova tak, aby se vešlysnadno uvnitř sloupců. Zahrnuje také průběžnou změnu velikosti a barvy textu, dokonce lze nastavit i čas změny.
Pseudo třídy
Používají se ke speciální definici stavu prvku v CSS.
Syntaxe:selektor: pseudotřídy {vlastnost: hodnota}. To také poskytuje různé vlastnosti, jako je hover on (), jednoduchý popisek hover ().
V CSS3 jsou tyto pseudotřídy velmi podobné CSS, ale mají několik dalších funkcí, které tyto dvě odlišují. Patří mezi ně kořenový cíl, který je v dokumentukořenový prvek. Použije číselné hodnoty v rámci (n) k cílení.
Seznamy v CSS a CSS3
CSS:
CSS umožňuje uživateli nastavit jiný seznam pro seřazené a neuspořádané seznamy.
cloudera certifikovaný vývojář pro apache hadoop
Uživatel může také nastavit obrázek pro značku položky seznamu.
Přidejte barvy pozadí do seznamu a položek seznamu.
Mohou to být kruhové, čtvercové, diskové disky typu list-style.
CSS3
V tomto pro použití seznamu v CSS by vlastnost zobrazení měla mít definovanou položku seznamu.
Nepodporuje systém číslování.
Umožňuje, aby byl obrázek nastaven proti značce položky seznamu.
Má také pozici stylu seznamu a může určit polohu pole značky.
Tímto se dostáváme na konec tohoto článku, kde jsme diskutovali o rozdílech mezi CSS a CSS3. C sakra podle Edureka. Certifikační školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).
Máte na nás dotaz? Uveďte to prosím v sekci komentářů tohoto článku a my se vám ozveme.