Hlavná funkcia kaskádových štýlov je veľmi dôležitá. Keď CSS spolupracuje s HTML a poskytuje základný štýl a vzhľad, dá nám tým vedieť, že prvky HTML budú vyzerať na webovej stránke. Kde CSS3 je najnovšia verzia CSS. Poďme pochopiť rôzne rozdiely medzi CSS a CSS3 v nasledujúcom poradí:
- Kompatibilita CSS a CSS3
- Zaoblené rohy a gradient
- Textové efekty a animácie
- Pseudo triedy
- Zoznamy v CSS a CSS3
CSS3 poskytuje funkcie, ako je JavaScript, a tiež poskytuje funkcie pre mobilný vývoj s ďalšími funkciami, ako sú prechody, prechody atď. Porovnajme teda CSS a CSS3 s týmito parametrami.
Kompatibilita CSS a CSS3
CSS nie je kompatibilný s CSS3, pretože jeho hlavným účelom bolo zamerať sa na poskytovanie rôznych funkcií formátovania. Boli to doplnkové schopnosti pre umiestnenie textov a objektov. Ale tieto funkcie boli aktualizované na najnovšiu verziu, ktorou je CSS3.
CSS3 je spätné slovo kompatibilné s CSS. Toto neurobí žiadny kód napísaný v CSS neplatným. Vďaka CSS3 vyzerá webová stránka atraktívnejšia a kvalitnejšia. Oni súnačítanie je veľmi rýchle a na zostavenie stránky je potrebných menej času.
Zaoblené rohy a gradient
V čase, keď bol spustený CSS3, vývojári používali na navrhovanie obrázkov, ktoré by vyzerali ako zaoblené rohy s rôznymi štruktúrami a gradientom pozadia. Tento proces zahŕňa vývojára, ktorý navrhne konkrétne ohraničenie a nahrá návrh cez server. Potrebujú umiestniť obrázok na webovú stránku a nakoniec musí CSS túto hranicu správne umiestniť.
V CSS3 musí vývojár napísať kód ako okrúhly hranica {border-radius: 20px}. A je hotovo, že nemusia posielať cez žiadny server a vykonávať akýkoľvek druhiných aktivít. Dokonca aj prechody je možné nastaviť pomocou kódu ako gradBG {Pozadie: prechodová vrstva (červená, čierna)}
Textové efekty a animácie
V CSS boli animácie napísané v jazykoch JavaScript a JQuery. Nemal funkcie v dizajnovej vrstve a dokonca ani prvok stránky nemal žiadne špeciálne efekty, ako sú tieniace texty, výber textu atď.
V CSS3 mohol vývojár pridať textový tieň, aby sa ľahšie čítal. Mohli tiež pridať vizuálne efekty na prerušovanie riadkov a k dlhším slovám, aby sa hodiliľahko vo vnútri stĺpcov. Zahŕňa tiež nepretržitú zmenu veľkosti a farby textu, dokonca je možné nastaviť aj čas zmeny.
Pseudo triedy
Používajú sa na špeciálne definovanie stavu prvku v CSS.
Syntax:selektor: pseudotriedy {property: value}. Poskytuje tiež rôzne vlastnosti, napríklad hover on (), jednoduchý popis myši hover ().
V CSS3 sú tieto pseudotriedy veľmi podobné CSS, ale majú niekoľko ďalších funkcií, ktoré ich odlišujú. Patria sem koreňový cieľ, ktorý dokument jekoreňový prvok. Používa číselné hodnoty v rámci (n) na zacielenie.
Zoznamy v CSS a CSS3
CSS:
CSS umožňuje používateľovi nastaviť iný zoznam pre zoradené a neusporiadané zoznamy.
skener Java získať ďalšie char
Používateľ môže tiež nastaviť obrázok pre značku položky v zozname.
Pridajte farby pozadia do zoznamu a položiek zoznamu.
Môžu to byť kruhové, štvorcové, diskové disky typu list-style.
CSS3
Pri tomto použití zoznamu v CSS by mala mať vlastnosť display v nej definovanú položku zoznamu.
Nepodporuje systém číslovania.
Umožňuje to, aby sa obraz nastavil oproti značke položky zoznamu.
Má tiež pozíciu štýlu zoznamu a môže určiť polohu poľa značky.
Týmto sa dostávame na koniec tohto článku, kde sme diskutovali o rozdieloch medzi CSS a CSS3. C. sakra od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Máte na nás otázku? Uveďte to prosím v sekcii komentárov tohto článku a my sa vám ozveme.