Podstawy CSS3

Spisie treści
Współczesna sieć składa się z kilku aspektów, jest techniczny, funkcjonalny i estetyczny, każdy z tych aspektów jest ważny w takim samym stopniu jak inne, jednak gdy dana osoba jest bardziej podobna do jednego z nich, mają tendencję do zaniedbywania ich reszta.
W tym duchu, gdy dana osoba jest bardziej związana z aspektem technicznym, na ogół zaniedbuje aspekt estetyczny, gdzie aspekt funkcjonalny jest skrzyżowaniem obu, ponieważ nie wszystko, co jest bardzo estetyczne, będzie funkcjonalne, oraz fakt, że używamy wszystkiego Najnowsze technologie nie tworzą też strony internetowej ani projektu.
ten CSS Jest to sposób, w jaki możemy w przyjazny dla developera sposób zamieścić część estetyczną w sieci, a także służy jako uniwersalny język komunikacji z user experience i projektantami Front-Endu, ponieważ jest to sposób na zapewnienie spójrz na dowolną stronę internetową.
Co to jest CSS?CSS to prosty język służący do definiowania stylów, które można zastosować w dokumentach HTMLWspominając style słów, mamy na myśli to, że możemy kontrolować wszystko, od sposobu postrzegania czcionek na stronie internetowej, po implementację kursorów myszy, kolorów, obrazów, układu ekranu itp.
CSS jest standardem, za który odpowiada W3C, więc każda przeglądarka obsługująca CSS Powinno działać tak samo, jeśli zastosujesz się do instrukcji wydanych przez tę instytucję.
Co to jest CSS3?CSS3 to poziom specyfikacji CSS, jest czwartą specyfikacją odkąd się pojawiła CSS, CSS2, CSS2.1 i teraz CSS3Każda specyfikacja zaczyna się od poprzedniej i każda zawiera ulepszenia, nowe style i nowe sposoby ich zastosowania. Specyfikacje tych implementacji można zobaczyć na stronie www.w3.org/Style/CSS:

POWIĘKSZAĆ

Tutaj możemy znaleźć całą oficjalną dokumentację, która waha się od użycia różnych instrukcji, których możemy użyć, po aspekty techniczne, które doprowadziły do ​​tej implementacji.
Jaki jest cel CSS?Rola do odegrania CSS na naszych stronach internetowych jest przygotowanie naszych struktur do prezentacji, czyli wykonanie HTML które zbudowaliśmy, wyglądają dobrze, aby można je było pokazać użytkownikowi. Może wydawać się to trochę głupie, ale tutaj pojawiają się trzy czynniki, o których wspomnieliśmy na początku, HTML bez stylów może być funkcjonalny i może używać bardzo nowoczesnych elementów technicznych, jednak sam w sobie nie będzie estetyczny; Oznacza to, że chociaż nasza strona internetowa jest najlepsza, bez CSS będzie się wydawać nieco niekompletny.
Zalety korzystania z CSS
  • Oddzielamy prezentację od struktury, dzięki czemu nasza strona internetowa jest modułowa.
  • Arkusze stylów CSS mogą być współdzielone przez wszystkie strony serwisu, dzięki czemu zyskujemy spójność i oszczędzamy pracę.
  • Z CSS możemy tworzyć style dla różnych urządzeń i środowisk.
  • Utrzymanie strony, którą zaimplementowałeś CSS jest znacznie łatwiej.

Nowoczesne przeglądarki
Na początku współczesnego internetu, mówimy o latach 90., było kilka opcji dla przeglądarek internetowych, niektóre były nawet płatne, ale to, co najbardziej pamiętamy, to z pewnością wojna Internet Explorer Tak NetscapeDało to impuls do wzięcia pod uwagę aspektu funkcjonalnego, jednak toczenie wojny powodowało, że każda przeglądarka miała swoje zasady, a to uniemożliwiało życie web developerowi. Obecnie mamy wiele opcji przeglądarek, a zdecydowana większość jest darmowa dla użytkownika, najważniejsze to:
  • Google Chrome.
  • Safari.
  • Mozilla Firefox.
  • Opera.
  • Internet Explorer.

POWIĘKSZAĆ

Każda przeglądarka należy do różnych programistów i są oni odpowiedzialni za interpretację HTML i CSS więc każdy musi wdrożyć standardy W3Cmimo to nie wszystkie przeglądarki zachowują się tak samo z tą samą instrukcją CSS. To ostatnie wynika z silnika, którego używają, zobaczmy, którego silnika używa każdy z nich:
WebKitJest to silnik open source i jest używany przez Chrom Tak SafariChociaż każdy z nich korzysta z tego samego silnika, ich implementacja niekoniecznie jest taka sama, więc mogą występować różnice między przeglądarkami.
GekonJest to silnik opracowany przez Mozilla, i jest używany przez Firefox. Ten silnik jest również open source, więc możemy znaleźć przeglądarki, które go udostępniają.
PrestoJest to silnik używany przez Opera i jest zastrzeżony, więc będziemy go postrzegać tylko jako część produktów firmy macierzystej.
TrójząbTo jest silnik Internet Explorer i w tej chwili jest dostępny tylko w tej przeglądarce i produktach Microsoft.
Ta informacja jest bardzo ważna, ponieważ z tych silników korzystają nie tylko przeglądarki desktopowe, ale także przeglądarki mobilne, klienci, np. menedżerowie poczty, a nawet niektóre aplikacje. Jeśli znamy silnik, możemy spojrzeć bardziej konkretnie, aby móc mieć podejście do aspektu technicznego, który je reguluje.
Stare przeglądarki
Do tej pory rozmawialiśmy o najpopularniejszych opcjach przeglądarek na rynku, jednak nie zbadaliśmy szczegółów ich wersji. Każdorazowa zmiana wdrożeniowa w standardzie CSS każda przeglądarka jest zwykle aktualizowana w celu uwzględnienia zmiany lub nowych funkcji. To sprawia, że ​​stare wersje odchodzą w przeszłość i dlatego ich poziom kompatybilności jest niższy.
Dzieje się tak, że nie wszyscy użytkownicy są w stanie aktualizować z wielu powodów, braku uprawnień, niezgodności z ważnymi aplikacjami w ich systemie, a nawet ze względów bezpieczeństwa firmy, w której pracują, która musi testować nowe przeglądarki z tym samym systemy.
Oznacza to, że mamy bardzo nowoczesne strony internetowe, które mogą nie działać w starych przeglądarkach, dlatego musimy ostrożnie podchodzić do tego aspektu podczas budowy naszych stron.
Najbardziej niewygodny przypadek
Bardzo potrzebna sekcja jest do omówienia Internet Explorer, a nie tylko o złych rzeczach, bo uważamy, że ta wielka amerykańska firma w spektakularny sposób przyczyniła się do rozwoju informatyki i informatyki na poziomie globalnym i historycznym.

POWIĘKSZAĆ

Ale być może to jego znaczenie sprawiło, że Twoja przeglądarka jest jednym z najbardziej niewygodnych przypadków, tylko w nowszych wersjach, takich jak obecna, czyli wersja 11 że nastąpił postęp w standardowej interpretacji CSS Tak JavaScript, ale w poprzednich wersjach, takich jak 8, 7 czy bardzo niesławna 6, trzeba było tworzyć wersje stron specjalnie po to, by mogły się wyświetlać w tych przeglądarkach, a to nie jest najgorsze, jeśli nie tyle razy, poświęcając estetykę i funkcjonalność tylko po to, aby nasze projekty były technicznie wykonalne.
Tutaj najmłodsi mogli się zastanowić, dlaczego rozwijali się dla tych przeglądarek, a odpowiedź mimo wszystko jest prosta Internet Explorer jest jedną z najczęściej używanych przeglądarek na świecie, ponieważ jest zintegrowana z Okna domyślnie jest to również najczęściej używany system operacyjny.
Niedawno w 2015 roku ogłoszono, że ta przeglądarka zostanie wycofana z produkcji, jednak jej następca nie została jeszcze w pełni ujawniona i kiedy zostanie uruchomiona komercyjnie, będziemy mogli sprawdzić, czy stare problemy będą się utrzymywać, czy nie.
CSS więcej niż style
Cała ta wiedza jest niezbędna, o instrukcjach możemy wiedzieć bardzo dużo CSS ale jeśli nie znamy tła, możemy cierpieć, wykonując implementację z najlepszymi praktykami, po problemy z klientami, którzy nie widzą tego samego, co my, a wszystko to z powodu korzystania z określonej wersji przeglądarki. Obecnie istnieją frameworki, które pomagają nam przezwyciężyć wszystkie te przeciwności, jednak gdy potrzebujemy czegoś bardzo konkretnego, zazwyczaj musimy wykonać tę funkcjonalność od podstaw i tam musimy znać podstawy CSS.
Pod koniec tego samouczka mogliśmy to zobaczyć CSS To znacznie więcej niż prosty język i znacznie więcej niż style, możemy powiedzieć, że jest to kluczowy element bazowy naszych stron internetowych i ma związek z wieloma aspektami, takimi jak wszystko, co widzieliśmy o przeglądarkach, silnikach i nawet problemy ze zgodnością.

Będziesz pomóc w rozwoju serwisu, dzieląc stronę ze swoimi znajomymi

wave wave wave wave wave