Główna funkcja Cascading Style Sheets jest bardzo ważna. Tam, gdzie CSS współpracuje z HTML i zapewnia podstawowy styl i wygląd, to da nam znać, że elementy HTML będą wyglądać na stronie internetowej. Gdzie CSS3 to najnowsza wersja CSS. Przyjrzyjmy się różnym różnicom między CSS i CSS3 w następującej kolejności:
- Zgodność CSS i CSS3
- Zaokrąglone rogi i gradient
- Efekty tekstowe i animacje
- Pseudoklasy
- Listy w CSS i CSS3
CSS3 zapewnia możliwości takie jak JavaScript, a także zapewnia funkcje programistyczne dla urządzeń mobilnych z dodatkowymi funkcjami, takimi jak przejścia, gradienty itp. Porównajmy więc CSS i CSS3 pod kątem tych parametrów.
jak dodać java do ścieżki
Zgodność CSS i CSS3
CSS nie jest kompatybilny z CSS3, ponieważ jego głównym celem było skupienie się na zapewnieniu różnych funkcji formatowania. Były dodatkiem do możliwości pozycjonowania tekstów i obiektów. Ale te funkcje zostały zaktualizowane do najnowszej wersji, czyli CSS3.
CSS3 to hasło zgodne z CSS. Nie spowoduje to, że żaden kod napisany w CSS będzie nieprawidłowy. CSS3 sprawia, że strona internetowa wygląda atrakcyjniej i lepiej. Oni sąbardzo szybko się ładuje i zajmuje mniej czasu do zbudowania strony.
Zaokrąglone rogi i gradient
Kiedy uruchamiano CSS3, programiści projektowali obrazy, które wyglądałyby jak zaokrąglone rogi dla różnych struktur i gradientu tła. Proces ten obejmuje programistę zaprojektowanie określonej granicy i przesłanie projektu na serwer. Muszą umieścić obraz na stronie internetowej, a na końcu CSS musi poprawnie ustawić tę ramkę.
W CSS3 programista musi po prostu napisać kod jak round granica {border-radius: 20px}. I zrobiło się, że nie muszą przesyłać przez żaden serwer ani wykonywać żadnych czynnościinnych działań. Nawet gradienty można ustawić za pomocą kodu takiego jak gradBG {Tło: liner-gradient (czerwony, czarny)}
Efekty tekstowe i animacje
W CSS animacje zostały napisane w JavaScript i JQuery. Nie miał funkcji w warstwie projektowej, a nawet element strony nie miał żadnych efektów specjalnych, takich jak cieniowanie tekstów, zaznaczanie tekstu itp.
W CSS3 programista mógł dodać cień tekstu, aby ułatwić czytanie. Mogli również dodać efekty wizualne do łamania linii i dłuższych słów, aby pasowałyłatwo wewnątrz kolumn. Obejmuje również ciągłą zmianę rozmiaru i koloru tekstu, nawet czas zmiany można również ustawić.
Pseudoklasy
Służą one do specjalnego definiowania stanu elementu w CSS.
Składnia:selektor: pseudoklasy {właściwość: wartość}. Zapewnia to również różne właściwości, takie jak hover on (), prosta podpowiedź ().
W CSS3 te pseudoklasy są bardzo podobne do CSS, ale mają kilka dodatkowych cech, które je odróżniają. Obejmują one główny cel, który jest dokumentemelement główny. Używa wartości liczbowych w (n) do celu.
Listy w CSS i CSS3
CSS:
CSS pozwala użytkownikowi ustawić różne listy dla list uporządkowanych i nieuporządkowanych.
Użytkownik może również ustawić obraz jako znacznik elementu listy.
Dodaj kolory tła do listy i elementów listy.
Mogą być okrągłe, kwadratowe lub dyskowe w stylu listy.
CSS3
Aby użyć listy w CSS, właściwość display powinna mieć zdefiniowaną w niej pozycję listy.
Nie obsługuje systemu numeracji.
Umożliwia to zestawienie obrazu ze znacznikiem pozycji listy.
Ma również pozycję w stylu listy i może określać położenie pola znacznika.
W ten sposób dochodzimy do końca tego artykułu, w którym omówiliśmy różnice między CSS a CSS3. do heck out the przez Edureka. Szkolenie z zakresu certyfikacji w zakresie tworzenia aplikacji internetowych pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w usłudze Amazon Simple Storage Service (S3).
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w tym artykule, a my skontaktujemy się z Tobą.