Programowanie - to lustro: pierwotnie było słowem, ale nie wpłynęło to w ogóle na odpowiedź. I bardzo szybko trzeba było "zmienić": najpierw lustro, potem słowo W danym momencie, tabele kaskadowych stylów - to dobrze, ale dlaczego tak długo dla niej był umysł twórcy? CSS jest wciąż tą samą serią programów komputerowych od początku epoki, ale tylko w innej perspektywie. Nawet gdy tablice stały się stowarzyszeniem, rewolucja nie.
Strona witryny to znaczniki HTML znaczników, które można przypisać do określonej klasy stylu lub identyfikatora stylu. Pierwszy może zostać określony raz i przypisany czemuś tak dużo, jak jest to konieczne raz, drugi należy do określonego elementu.
Ogólne logi opisu stylu
Tradycyjnie styl jest umieszczany w pliku CSS, ale można go przypisać do konkretnego elementu w jego atrybucie stylu. Styl można tworzyć dynamicznie za pomocą narzędzi javascript. Szczególnie ważne jest nie opisywanie, na przykład, używania CSS w kolorze czcionki, jej wielkości, czcionki, tła pod nim itp. Miejsce opisu stylu ma znaczenie w kontekście, zwykle dwie idee: opisana później, jest priorytetem, a jeśli jest opisana na elemencie, to jest absolutnie ważna! Ta ostatnia, zapisana w obecnej formie, jednoznacznie określa priorytet.
Zastosuj styl, aby np. Niektóre kolory czcionki zmieniły kolor, jest to możliwe w każdym miejscu i tak dalej. Pytanie brzmi, jak to zrobi przeglądarka podczas demontażu wszystkich stylów w agregacie. Ile wydaje na czas procesora? Idealnie powinien być kolor czcionkiwspomniano tylko raz - to klasyk. Zastanów się jednym prostym opisem kilka więcej, a potem drugi, i oczywiście, niemożliwe. Jest modne, ale niepraktyczne.
Przykład ogólną logikę
Po prostu określającej barwę CSS przy użyciu wszystkich trzech elementów można przedłużyć na co najmniej trzy problemy: # Ele1 # Ele2 # Ele3 {
POZYCJA: absolutna; Pozostało: 20 pikseli; góra: 14 pikseli; kolor: czerwony; } # Ele2 # Ele3 { lewej: 90 pikseli; //zmień współrzędną CSS w poziomie kolor: żółty; //zmienić kolor czcionki CSS } # Ele3 { top: 114px; //zmiana współrzędnej CSS pionowo kolor: zielony; //zmiana koloru czcionki ponownie CSS background-color: lightgrey; //wybierz kolor tekstu CSS zmodyfikowany, ale nie jest to # Ele1 i # Ele2; Stanowisko również zmienić, ale to się zmieniło # Ele2 a nie jak tutaj} Teraz trzeba pamiętać, że wszystkie te trzy elementy, zdefiniowane gdzieś, a jeśli kolor zmienia reprezentacje właściciel terenu, deweloper będzie musiał pamiętać nie tylko kolor, ale również na lewo zasad i góry, a przebarwienia wyboru tekstu nie powinny być zapomniane.
Nie wszyscy deweloperzy cześć wymóg CSS: Styl ID - tylko jeden element, a klasa styl - wiele tagów, poza ostatnim możliwym momencie w znacznikach jak przymiotniki:
ustawić kolor czcionki w CSS - styl klasy groundColor;
określ rozmiar czcionki - rozmiar klasy15;
ustawione przepisów - klasa PlaceUp.
Oczywiście, stosowanie identyfikatorów, zwłaszcza gdy należą one do tego samego elementu znaczników dziesięciu klas stylów, malowane w różnych kombinacjach do setek elementów strony. Ale wszystko ma swój cel logiki. Deweloper jest prostymusi poprawnie wziąć pod uwagę: jeśli nawet kolor czcionki HTML, CSS sugeruje, aby opisać sztywno, to elastyczność ogólnej struktury opisów jest jego praca.
Oczekiwany rezultat zastosowania ogólnej logiki
Nowoczesne przeglądarki spokojnie odnoszą się do dużej liczby arkuszy stylów i ich objętości. Jednak przy projektowaniu, w szczególności przy użyciu CSS, koloru całej strony, należy zawsze myśleć o wystarczającej wystarczalności. Nie wszystkie zasady stylistyczne są "tanie" w zastosowaniu. Prosty lakoniczny wpis: * {color: white;} jest zdecydowanie piękny, ale odnosi się do wszystkich elementów strony bez wyjątku.
Spośród wszystkich reguł, które są wyposażone w CSS, najważniejszym
stylem jest klasa, a jej nazwa zaczyna się na ".";
styl to identyfikator, a jego nazwa zaczyna się od znaku "#";
w pozostałych przypadkach - tag nazwę lub coś specjalnego
Inne pomysły w opisie stylów (dziedziczenie, blokowanie właściwości priorytetami, przepisy, porządek, etc.) powinny być stosowane w sposób inteligentny i bezwzględnie konieczne. Przeglądarka będzie zawsze Nie przegap demontować opis więc specjalne niespodzianki nie będzie. Jeśli coś nie jest we właściwym miejscu lub nie można określić koloru czcionki w CSS, pojawia się błąd stylu.
nieoczekiwane możliwości
Nie nadużywanie style wydawało * {lewej: 124px;} lub ol ol ul ol ul ul ul ol {margines dnie: 0;} img {graniczne: 0; } Chociaż początkujący programista ma trudności z używaniem reguł CSS. Zawsze w rozwoju dowolnej witryny, nawet idealnie prosta składnia CSS daje nieprzewidziane problemy. Jednakże, jeśli bezpośrednich działańPrawidłowa składnia wykorzystanie pola, ale zastosować skrypt funkcjonalny, a następnie nowe i nieoczekiwane możliwości pozwoli uniknąć monotonii tworzenia identyfikatorów dla każdego elementu lub śledzić stylistyczną różnorodność form użytkowych.
CSS - to nie tylko styl plik dołączony do znacznika za pośrednictwem łącza lub włożona do niego poprzez stylu znacznika. Możliwe jest również, aby utworzyć styl w locie lub zmodyfikować istniejący. Za pomocą CSS, kolor czcionki można zrobić programowo. Jak również od wielkości i położenia, marże. Na stronie - to nie ma na celu zastosowanie znajomość CSS, HTML, PHP lub świecić efekty JavaScript. Zasoby internetowe - szczególnie informacje oferowane określony sposób. Dlatego CSS najlepiej oglądać w dynamiczny przez pryzmat tego, jak tworzyć aż strona jest nadal na serwerze (zajęte PHP, gdy strona przyszedł do gościa, a nie deweloper, podczas gdy rozwija miejscu) wymagany plik stylu konkretny tekst pod rzeczywistej zawartości lub utworzyć klasę stylu lub identyfikatora w locie podczas tej operacji, gdy skanuje konkretny użytkownik.
Statyczne dynamika
Nie zawsze jest trudno napisać skrypt, aby dynamicznej zawartości oraz jej konstrukcja - nieodpowiednia konserwacja. Czasami jest to prawo do korzystania z dostępnych możliwości. W szczególności, identyfikacja z koloru tekstu CSS pierwszej reguły statycznego, zasada ta może być ukryty (ukryty) i wizualizacji różne (niewidoczny).
To wymaga algorytm dynamiczny: //podświetlić przycisk Access witryny . Funkcja scfWelcomeOver () { document.getElementById ('scDocxNamePiP') style.visibility = 'widoczny'; . }
//ukryć przycisk dostępu do instalacji Funkcja scfWelcomeOut () { document.getElementById ('scDocxNamePiP') Style.visibility = 'ukryte'; } CSS oferuje swoje własne wersje dynamiki: biegnących linii, przezroczystych elementów, różne przykłady wykonania nakładek, wyświetlacze, tłumienie kolorów. W CSS można ustawić kolor czcionki tak, aby nie istniała żadna reguła stylu.
Dynamiczne wyświetlanie treści
Bez dogmatu prawdopodobnie nie byłoby postępu. To po prostu nie jest coś do walki. Hipertekst przyniósł wiele dogmatów na świat. Czas zwrócić na nie uwagę i rozpocząć tworzenie stron w pragmatycznym i praktycznym stylu.
W pierwszej stronie (P), znajdują się zarówno na nim (K), znaczniki są zapisywane w stronę arkusza stylów (S). Nie twórz nowej strony P za pomocą PHP lub Perl na serwerze, wybierając K z bazy danych. Istniejący arkusz stylów S zostanie dodany za pomocą automatycznego urządzenia. Jednak K może zostać zmienione, a w większości przypadków taka zmiana pociągnie za sobą potrzebę innych stylów, czyli S +. Na przykład, klient powiedział: „Witryna opisuje życie Moskwie, tym lepiej będzie wyglądać, jeśli wiadomości artykuły w stylu” ZaZavtrakom „opis noc krzątanina style” LasVegas „oraz artykułów na postępu naukowego i technologicznego w stylu” ModernTehno ' " Ale jeśli te wersję trzy s, to nie ma gwarancji, że klient nie będzie miał pomysł, aby mieć zestaw artykułów „news”, „Wakacje”, „Praca», «CSS /HTML» i premia «HozyaykeNaZametku». Bardziej praktyczne alternatywne podejście. Niezależnie od kategorii artykułu, zawsze istnieje treść, którą można pomalować w określony sposóbkolor Tutaj, na tej stronie, dobrze jest pomyśleć: uzyskanie określonego K, wciąż na serwerze, aby utworzyć odpowiednie S, a kiedy przeglądarka prosi P, dostanie wymaganą treść we właściwym projekcie.
Dynamika stylu z javascript
Minimalne, ale bardzo skuteczne rozwiązanie - do stylizowania bezpośrednio w przeglądarce klienta. Najpierw rozładowuje serwer - nie musisz tracić czasu na tworzenie znaczników stron i plików stylów. Po drugie, naturalny, czasochłonny czas w przeglądarce tworzy efekt, że strona jest zajęta i aktywnie utrzymuje dialog z odwiedzającym: nie przyjmuje treści w ten sam sposób, więc będzie cieszył się spójnymi i przemyślanymi danymi wyjściowymi. Po trzecie umożliwia programistom udostępnienie odwiedzającym mechanizmu do tworzenia treści w dogodnym dla niego stylu. To nie jest nikt. Aby zrealizować ten pomysł, musisz zaimplementować mechanizm tworzenia stylów elementów natychmiast po załadowaniu strony i podczas jej działania. Nowoczesna strona to AJAX w taki czy inny sposób. Nie jest trudno wykonać stylizację bezpośrednio w procesie tworzenia drzewa stron. Jest prosty, niedrogi i skuteczny, ponieważ treść jest zgodna z jego projektem. Nie jest to sprzeczne z obecną tendencją do oddzielania reprezentacji danych od ich przetwarzania, a odbieranie danych odbywa się.
CSS jako składnik aktywny
Hipertekst przyniósł wiele dobrego, ale tylko niewielka część informacji naturalnych została z powodzeniem sformalizowana,były narzędzia i doświadczenie tworzenia wysokiej jakości dokumentów HTML, XML, CSS. Nie ma problemu z formalizowaniem nowych tomów informacji i zmian już wprowadzonych wcześniej. Jeśli chodzi o CSS, proces ten jest już aktywowany w zupełnie innym kontekście. Wbudowany javascript pozwala "tworzyć w locie" elementy i style elementów, nie zakładał takiej możliwości, a twórcy PHP, w szczególności, uważani są za zaangażowanych w tworzenie tylko stron HTML. Zarówno pierwsza, jak i druga pozwalają na tworzenie stylów programowania. To nowy kierunek w dziedzinie technologii informacyjnej. Style są znacznie bardziej formalne niż HTML czy XML, zasady są bardzo proste. Styl jest zawsze obecny w informacji, bez względu na to, jaka była natura. Rejestracja tych programistów zawsze zaangażowanych w bardziej nieformalny obszarach, ale że motyw CSS - to proste zadanie, ale nie dostać uwagę w procesie rozwoju.
O dogmatach w programowaniu
Podobnie jak góra lodowa, dogmat nie może długo rozwścieczyć przestrzeni informacji. Dotychczasowe doświadczenia musiały koncentrować się nie tylko narzędzia HTML i CSS standardów pracy z nimi, deweloperom wiedzy.
prosty problem - zrobić z kolorem czcionki CSS - znalazła doskonałe rozwiązanie. Zasady, składni, logiki i niezaprzeczalna wygoda. Ale nawet jeśli czcionka faktycznie nie mają dużo kwiatów na praktyce zbyt wielu nie, a nawet dla celów wirtualizacji rzeczywistości nie trzeba cały nagromadzony „siłę» HTML i CSS, przychodzi czas, kiedy sytuacyjny wiedza reprodutsyruyuschye iść, i tam doświadczenie i narzędzianaturalna forma stylów treści. Być może nie jest to do końca jasne, ale fakt, że proces już się rozpoczął, jest oczywisty.
