Wyjaśniając, dlaczego stylizacja nie powinna odbywać się bezpośrednio w HTML

ItamarG3 08/15/2017. 12 answers, 2.942 views
lesson-ideas web-development html css

Ostatnio zauważyłem, że został wycofany z html zgodnie z tą witryną . Z tej odpowiedzi na Stack Overflow , wymiana znaczników jest wykonana z CSS. Wyjaśnieniem nadanym zmianom jest to, że html dotyczy struktury dokumentu, a układ i animacja oraz stylistyka itp. Powinny być wykonane w CSS.

To mnie rozmyślało:

Czy jednoznacznie nauczałoby różnicy między ustawieniem atrybutu style znacznika html a zrobieniem tego za pomocą CSS przydatnego w celu zwiększenia zrozumienia przez uczniów połączenia CSS i HTML?

Aby go zawęzić, szukam przykładów lub wyjaśnień, w jaki sposób nauczanie wyraźnie ułatwi uczniom styl ich stron internetowych . Najlepiej wyjaśnić.

"Wyraźne nauczanie" to, co mam na myśli, to rzeczywiście poświęcenie lekcji o tytule "Styling through .CSS" lub coś podobnego.

Jakiś kontekst, jeśli jest potrzebny:

Studenci uczą się podstawowego projektowania stron internetowych: HTML, JavaScript (bardzo prosty), JSP i SQL. Nauczą się ich przez 1 rok, a pod koniec roku powinni mieć stronę internetową (za którą otrzymują oceny). Zastanawiam się, czy lekcja o CSS w ogóle może prowadzić do lepszych stron internetowych.

5 Comments
3 Puppy 07/30/2017
Głównym problemem jest tu założenie, że stylistyka nie powinna być wykonywana bezpośrednio w HTML, a korzystanie z CSS jest lepsze. Żadna z tych rzeczy nie jest prawdziwa.
ItamarG3 07/31/2017
@Puppy dobrze, część pytania brzmi, czy powinienem to uczyć to oddzielnie. Jeśli nie, to nie będą używać arkuszy stylów. Ale czy myślisz, że każda strona internetowa gdziekolwiek faktycznie hardcodes wszystko to css w html? Every div ma górę kodu w jego atrybut style ?
1 David Spence 07/31/2017
Ta strona pokazuje siłę oddzielania css. Csszengarden.com - ta sama struktura, inny arkusz stylów CSS.
ItamarG3 07/31/2017
@DavidSpence ładne. Na pewno z tego skorzystam
1 no comprende 07/31/2017
Cokolwiek zrobisz, nie pokazuj im tego posta SO o analizowaniu kodu HTML przy użyciu Regex . Mogli dać im koszmary!

12 Answers


richard 07/30/2017.

Lubię pomysł stworzenia kilku arkuszy stylów, a uczniowie zastosują je do swojego kodu HTML. Mogą wtedy zobaczyć moc posiadania oddzielnych arkuszy stylów.

Potem mogą rozpocząć edycję arkuszy stylów i zobaczyć moc jednej niewielkiej zmiany może zmienić każdy nagłówek lub każdy akapit itd.

W przeszłości napisałem też plik HTML, który miał zestaw przycisków na dole. Te przyciski spowodowałyby załadowanie innego pliku CSS. To był bardzo prosty JavaScript.

Odpowiedzi powinny być oddzielone

Zachowując styl i treść osobną, zaleca W3 i wiele innych. Urzeczywistnia rozdzielenie obaw i pojedynczą odpowiedzialność. Oba bardzo ważne wzorce w projektowaniu oprogramowania.

Aby odpowiedzieć, powinieneś poświęcić lekcję na oddzielenie plików CSS.

Tak. Jeśli ważne jest, aby zachować te osobne, co to jest, to powinieneś uczyć uczniów, aby ich oddzielać. Zaoszczędź czas, nie ucząc ich, aby mieszać je z HTML (oszczędza to czas dwa razy, ponieważ nie musisz go uczyć).


Zrobiłem to tylko z jednym lub dwoma ludźmi (nie klasy).

5 comments
ItamarG3 07/30/2017
Ten drugi akapit wydaje się szczególnie przydatny. Ale to nie odpowiada, czy powinienem naprawdę poświęcić lekcję na to, jak i dlaczego powinieneś napisać arkusz stylów css, zamiast inline atrybutów style html.
richard 07/30/2017
Dodano częściową odpowiedź na pytanie, dlaczego i dlaczego poświęcić się jej lekcji.
1 Buffy 07/30/2017
Zgadzam się, że odejście od nauczania jest szczególnie marnotrawstwem każdego dnia. Najlepiej zrozumieć nieporozumienia, zanim złe nawyki zostaną zbudowane i wzmocnione.
1 richard 07/30/2017
@tim, to tylko optimisation obciążenia. Konceptualność powinna pozostać oddzielna. Jednak Google mówi, umieścić go w tym samym pliku. Nie mówią, że powinieneś ubierać każdy kawałek oddzielnie. Mówią, co to może być w pliku css i dodać go do <style> sekcji html.
1 Darren 07/31/2017
Zamiast dać studentom wiele arkuszy stylów mających wpływ na ich kod, spróbuję odwrotnego podejścia. Po nauczeniu ich stylów inline w HTML, daj im stronę, która polega na dokumencie CSS w swoim stylu i poproś o zrobienie własnego arkusza stylów (używając tych samych technik, które nauczyli się przy użyciu wbudowanego kodu HTML - tylko kwestia oznaczania stylów I układając je w jednym miejscu). Następnie wszyscy w klasie mogą porównywać ich arkusze stylów na wspólny temat testowy (ten, który podałeś) i zobaczyć możliwości.

Buffy 07/30/2017.

Jeśli chcesz budować stronę, która jest prosta i ad-hoc i nigdy się nie zmieni w przyszłości i będzie widoczna tylko na jednym urządzeniu, to na pewno skonstruuj styl bezpośrednio do html. To samo podczas pisania programu, który zostanie uruchomiony tylko raz na jednym urządzeniu, aby uzyskać odpowiedź, po czym program staje się przestarzały. Nie ma więc powodu, aby skrupulatnie napisać. "Szybkie i brudne" działa na takie rzeczy.

However rzeczy się zmieniają, a strony internetowe są wyświetlane na urządzeniach o różnych rozmiarach ekranu, nawet w kolorze. Mogą być też przeglądane w przyszłości na urządzeniach, które jeszcze nie istnieją.

Jeśli chcesz budować ważne i trwałe witryny, które muszą być utrzymane w przyszłości, użyj CSS. Prawdopodobnie nie napisałbyś ważnego programu C w całości, ale przynajmniej zdemontował rzeczy, które muszą być takie same, ale używane ponownie. W prostych programowaniach C uwzględniamy te funkcje. W html wyróżniamy stylistykę. Na głębszym poziomie strona serwera wylicza również wiele danych itd. To pozwala rzeczy, które mają być takie same, pozostać takie same i pozwala modyfikować jeden poziom projektowania niezależnie od innych poziomów.

To nie jest dokładnie to samo, ale spójrz na podstawowy kod strony głównej Google. Nie wiem, co oni wykorzystują, aby to wszystko razem i utrzymać, ale wątpię, czy jest to tylko edytor tekstowy. Zauważ, że ich pierwsza strona , choć niezwykle prosta w układzie, zmienia się często.

Note to the Instructor Kiedy przygotujesz się do oceny pracy studenta, obejrzyj ją na różnych urządzeniach, z różnymi rozdzielczościami ekranu. Nie sugeruję jednak, abyś je udostępniał na urządzeniach css każdego urządzenia.

W tym celu przejrzyj niektóre strony StackExchange na komputerze stacjonarnym i telefonie. A dla szokera, spójrz na strony źródłowe i arkusze stylów niektórych stron.

2 comments
1 Luke Sawczak 07/31/2017
Porównanie z funkcjami jest dobre. Zakładam, że ten grzech jest bezpośrednio dostarczany do atrybutów stylu w źródłowym HTML. Jeśli tak, można porównać go z podaniem środka metody i po prostu trzymać się tego, gdzie zamierzasz wywołać metodę. Odradza się w ekstremalnych warunkach.
no comprende 08/01/2017
Aby uzyskać prawdziwy szok, spójrz na źródło i arkusze stylów stron Microsoftu i Moodle! Mogą to być setki linii. Oryginalnym pojęciem HTML było to, że będzie działać na urządzeniach, które "jeszcze nie istnieją". I jest tak wiele rozmiarów ekranu, że może to być tylko zmienna.

AnoE 07/30/2017.

Aby zrozumieć, co można zrobić z samym CSS - only z zastąpieniem innego pliku CSS - zabierz je do CSS Zen Garden . Dzięki dokładnie tym samym kodom HTML dla każdej strony i zastąpieniu only pliku .css otrzymujesz absurdalnie dzikie strony. Od czystej nicości do kostek przewijanych 3D ...

Następnie wyjaśnij im, że skillset potrzebny do stworzenia HTML, a także umiejętności CSS (szczególnie ekstremalnych), jest bardzo różny i że HTML działa jako nośnik informacji.

Kolejnym dobrym pomysłem byłoby zainstalowanie czytnika ekranu (dla niewidomych) - są one z ograniczonym bezpłatnym użyciem - aby pokazać im, jak wygląda ten sam HTML "głośno".

Zwróćmy też uwagę na to, że narzędzia przeznaczone dla osób niedowidzących potrafią np. Wyodrębnić teksty linków i tak dalej z kodu HTML, jeśli są dobrze zorganizowane, a to umożliwia również poruszanie się po stronie z klawiaturą - co może być przydatne, jeśli jedno Jest tak pochylona, ​​nawet jeśli wzrok jest w porządku.

Na koniec zwróć uwagę, że strona z dobrą separacją treści i stylizacji ma większą szansę pracy na urządzeniach przenośnych - kluczowe słowo jest projektem elastycznym, gdzie zawartość może dowolnie dowolnie rozdzielać dowolną rozdzielczość.


thehayro 07/30/2017.

Aby go zawęzić, szukam przykładów lub wyjaśnień, w jaki sposób nauczanie wyraźnie ułatwi uczniom styl ich stron internetowych. Najlepiej wyjaśnić.

Jak mówi Richard, uczniowie mogą zobaczyć, jak jedna prosta edycja stylu może zmienić każdy element.

Jako przykład możesz pozwolić swoim uczniom "czuć" korzyści z oddzielenia stylu od html. Co oznacza, daj im ćwiczenie, w którym muszą one ułożyć niektóre elementy (np. Kolor tła elementu) w ich html. Następnie niech zmieniają każdy element na inny kolor. Lekcja powinna pozwolić im zrozumieć, że to zadanie może być dużo mniej czasochłonne, jeśli oddzielasz styl od html. Następnie można było wykazać, jak zmienić jedną linię w css, która zmienia kolor tła wszystkich elementów.

4 comments
thesecretmaster♦ 07/30/2017
HI thehayro! Witamy w Wykładowcach Informatyki !
Puppy 07/30/2017
Alternatywnie, mogą wygenerować swój kod HTML za pomocą kodeksu, np. Osoby zdrowej, w takim przypadku nieznaczne jest zmienianie koloru każdego elementu bez osobnych arkuszy stylów.
1 thehayro 07/30/2017
Pewnie. To zależy od wymagań, w których powinna być wyświetlana strona internetowa (mobilna / desktopowa). Ale pytanie, o ile go zrozumiałem, polegało na tym, jak wyjaśnić, dlaczego iw jaki sposób istnieje potrzeba rozdzielenia HTML i CSS.
no comprende 08/01/2017
Kiedy uczyłem się w CSS, dałem sobie za zadanie stworzenie powtarzalnej szachownicy oraz kanoniczny układ trzech kolumn z nagłówkiem i stopką.

SpiritBH 07/31/2017.

Zadaj sobie pytanie: dlaczego oddzieliliśmy coś w jakiejkolwiek formie kodu?

W prawie każdym języku programowania / skryptowania istnieje podział i delegacja. Robimy to, aby mieć pewność, że łatwiej jest śledzić cały kod i łatwiej zidentyfikować problemy (które nieuchronnie się rozwijają, ponieważ żaden programista nie jest nieomylny)

Myślę więc, że specjalna lekcja na temat CSS jest dobrym pomysłem, ponieważ pomaga zrozumieć, co jest odpowiedzialne. Pomaga im zrozumieć, że jeśli cały HTML jest poprawny podczas wyszukiwania źródła, ale cały makijaż wciąż jest pogmatwany, muszą szukać CSS.

Poza tym CSS jest duże, elastyczne i może zrobić coś znacznie więcej niż tylko ładne obramowanie wokół rzeczy. Aby pokazać klasę, co może zrobić, i jak skomplikowane, może to doprowadzi do dalszego punktu, jak nierozsądne jest połączenie HTML i CSS zbyt głęboko.

W końcu, oddzielenie CSS od HTML (lub dowolnego kodu dla tej sprawy) jest kwestią rozwoju; Nie chodzi o funkcjonowanie kreacji (lepiej) jej o deweloperze mającym większą kontrolę nad ich tworzeniem.

Być może w tej notatce chcesz spróbować sprawdzić klasę, co sprawdzi się w pracy, pomoże im zrozumieć, jak ważne jest, aby podczas pracy w zespole był czysty przekazany kod.

1 comments
ItamarG3 07/31/2017
Podnieś kilka bardzo interesujących punktów. Dzięki! I powitać nauczycieli informatyki

gabe3886 07/31/2017.

Nieco innym sposobem na to może być wprowadzenie kodu DRY (nie powtarzaj się).

Używając CSS do tworzenia stylów, wiesz, że po prostu dodając klasę do elementu HTML, styl powinien przyjąć. Jeśli musisz ręcznie dodać to wszystko, wtedy gdy musisz zmienić jedną część, musisz zmienić wiele, wiele więcej.

Aby ukraść ideę ilustracji z szkół W3 , jeśli chcesz, powiedzmy, akapity mieć różne kolory tła, możesz to zrobić w ten sposób:

Paragraph 1

Paragraph 2

Paragraph 3

Paragraph 4

Ale jeśli chcę zmienić kolejność, więc to 2,4,3,1, ale zachowaj kolor, muszę zmienić wszystkie style wbudowane w każdy tag. Jeśli to jest na wielu stronach, obciążenie pracą może być ogromne.

Jeśli zrobiłem to w CSS, można wykonać następujące czynności:

p:nth-child(odd) {
    background: red;
}

p:nth-child(even) {
    background: blue;
} 

Teraz już nie zależy na zawartości, którą mogę zamówić, jak lubię, a stylistyka nadal działa. Zmieniono wiele wysiłku. Ignorowanie zamawiania, jeśli chciałbym zmienić je na bardziej rozsądne kolory, dzięki czemu są one łatwe do odczytu, raz zmienię wartość w CSS i jest ona stosowana do każdego dopasowanego elementu DOM.

Poza tym (jako, że CSS może być osadzony w HTML w tagu head), dzieląc go na plik i włączając w to, że nie muszę powtarzać mojego (teraz bardziej sensownego) CSS w różnych plikach, w struktury folderów dla każdego Strona, którą mam. W pliku nagłówkowym włączam plik CSS, a style wchodzą w życie. Teraz, gdy muszę zmienić kolory lub dodać dodatkowe style, otrzymuję te same zalety, że nie potrzebuję duplikować tego, co miałem z nie używających stylów inline.

Inną korzyścią z posiadania osobnego pliku, z dala od podzielonych obowiązków, jest wydajność. Przeglądarki są dość dobre w plikach buforowania, więc jeśli trzeba pobrać jeden (idealnie doprecyzowany) plik CSS dla witryny, gdy tylko będzie mógł zostać zastosowany ponownie, to nie ma co pobierać z innych stron. Wydajność powinna być zawsze uwzględniana przez ludzi, zwłaszcza ze zwiększeniem liczby przeglądarek mobilnych. Jeśli strona WWW ma dużo CSS, wtedy źródło jest naturalnie duże. To trwa dłużej, aby pobrać i / lub stać się użyteczne, co może sprawić, że ludzie przestaną czekać, staje się nie do przyjęcia dla nich.


ncmathsadist 08/01/2017.

Uczymy, że na stronie internetowej znajdują się trzy warstwy: struktura, wygląd i zachowanie. Struktura jest określana przez DOM, który jest tworzony z dobrze uformowanym znacznikiem HTML5. Kiedy dowiadujemy się o HTMLu, natychmiast zaczynamy rysowanie drzewa dokumentów, dzięki czemu możemy zrozumieć, jak elementy na stronie odnoszą się do siebie nawzajem.

Wygląd jest określany przez CSS, który uzyskuje dostęp do DOM w celu sformatowania i stylu strony. To jest przechowywane w oddzielnym pliku, dzięki czemu może być udostępniane przez powiązaną grupę stron. HTML obsługuje sytuacje ad hoc przy użyciu id lub class . Korzystanie z nich ułatwia utrzymywanie stron, ponieważ styl tych elementów zawiera te atrybuty w one place w pliku CSS.

Trzecią warstwą jest zachowanie, które powinno pojawić się w pliku JavaScript. JavaScript never musi się pojawiać na stronie, z wyjątkiem funkcji wywoływania z kodu obsługi zdarzenia. Nawet ten może być dołączony do pliku JS. Upewnij się, że uczniowie wiedzą o wydarzeniach load i load wcześnie, aby mogły opóźnić wywołanie kodu, dopóki elementy strony nie istnieją.

Jeśli zainstalujesz węzeł, możesz uruchomić testy kodu JS w wierszu poleceń i opracować pakiety testowe dla utworzonych funkcji.

Oddzielenie trzech warstw zapewnia czyste rzeczy i maksymalizuje ponowne użycie kodu.


user1639154 07/31/2017.

Wydaje się, że wiele odpowiedzi tutaj nie dotyczy dziedziny dziedziczenia w zakresie stylizacji, jak to również powinno się uczyć. Podstawową zasadą jest to, co zostanie przeczytane jako ostatnia.

Pierwszym ładunkiem jest zwykle zewnętrzny arkusz w głowie dokumentu. Arkusz stylów połączony z głową dokumentu będzie nadrukowany przez style umieszczone w wierszu w treści html, a te z kolei będą również zastępowane przez style umieszczone bezpośrednio na elemencie DOM. Istotny znacznik może być używany do zmiany tego zachowania.

Większość umieści całą swoją css w swoim własnym pliku, ponieważ łatwiej jest utrzymywać i nie wymaga dużo pracy podczas aktualizacji / zmiany.

EDYTUJ: Aby wyjaśnić nieco dalej, tylko specyficzne style pasują do klas, które będą się zacierać / przesłonić, jeśli jedna z nich doda styl podkreślenia tekstu, który nie znajduje się w klasie na zewnętrznym arkuszu Na przykład po prostu dodać, że dodatkowe stylizacje. Klasy nie bezpośrednio zastępują siebie, ale łączą się ze sobą.

5 comments
1 ItamarG3 07/31/2017
Łał. Witamy w Wykładowcom Informatyki . To naprawdę coś, czego nie rozpatrywałem. Chciałbym, jeśli można dodać kilka przykładów lub opisów, które pokazują to. (Mogę je sam napisać, ale bardziej interesuje mnie to, o czym możesz myśleć). To naprawdę ciekawa odpowiedź :)
1 ItamarG3 07/31/2017
Niepowiązany: dlaczego nie weźmiemy udziału w naszej trasie ? Jestem pewien, że uważasz, że to interesujące.
user1639154 07/31/2017
Założę się nieco źle, jego zewnętrzny arkusz stylów, a potem style dokumentów, a następnie element, mój mózg nigdy nie jest w 100% w poniedziałek rano. :)
ItamarG3 07/31/2017
Wybacz i zapomnij ;). Możesz edytować odpowiedź. W Twojej odpowiedzi znajduje się przycisk edit \ link. Chcesz dodać przykład, aby zademonstrować, na co odpowiada odpowiedź? Naprawdę sprawi, że będzie to znacznie lepsza odpowiedź: D
user1639154 07/31/2017
Niestety nie mam teraz czasu. Chciałem tylko wspomnieć o dziedziczeniu css, ponieważ jest to ważny aspekt CSS.

rackandboneman 08/03/2017.

Zrób projekt, w którym wynikiem jest DWIE zupełnie inne poglądy tego same document , np. Wersja, która wygląda świetnie na dużym monitorze i wygląda świetnie na iPhone'a.

Używając niestandardowej strony internetowej, ale generowane przez komputer, aktualizowane dokumenty sprawią, że punkt początkowy będzie jeszcze bardziej domowy, ponieważ osadzanie informacji o stylu w generatorze dokumentów sprawi, że będzie on wyraźnie bardziej złożony - jedynymi możliwymi wariantami mogą być zmiany generator dokumentów Wszystkie zamieszania lub stylesheet który jest dokładnie to, co masz zamiar. Jeszcze lepiej: przyporządkuj two grupy w osobnych rogach pokoju do generowania dokumentów i części arkusza stylów - i reguluj, w jaki sposób dane są przekazywane między nimi.

4 comments
ItamarG3 08/03/2017
To jest niesamowite. Łał.
rackandboneman 08/03/2017
Cóż, ufaj temu.
ItamarG3 08/03/2017
To niesamowite, że rozwiązuje problem z okolicznościami, których nie mogę ujawnić (materiały szkolne), ale nie exactly odpowiada na pytanie ...
1 rackandboneman 08/03/2017
Och, i jestem wtrącając się w dyskusję, nie jako nauczyciel, ale jako profesjonalista IT - co opisałem to dlaczego rzeczy są wykonywane w praktyce tak jak teoria, którą chcesz nauczyć mówi :)

Chris M. 08/02/2017.

Tutaj jest wiele dobrych odpowiedzi. Jednym z punktów, o których jeszcze nie widziałem, jest to, że treść i projekt są często tworzone przez osobne osoby lub zespoły, dzięki czemu każdy określony przez własne narzędzia i język pozwala na niezbędne oddzielne przepływy pracy.

4 comments
ItamarG3 08/02/2017
Łał. Nie myślałem o tym. Czy mógłbym trochę rozważyć, jak mogę to wyjaśnić w odrębnej lekcji na temat korzystania z arkuszy stylów CSS?
Chris M. 08/02/2017
Wykorzystałbym analogię. Inżynierowie samochodowi nie wybierają kolorów samochodów. Scenarzyści zazwyczaj nie robią kostiumów.
ItamarG3 08/02/2017
Widzę. Może powinieneś podać takie analogie w odpowiedzi, edytując odpowiedź.
1 Buffy 08/03/2017
Właściwie to jest gorsze. W niektórych dużych firmach o znaczącej obecności w sieci istnieje zespół ds. Standardów, który zajmuje się zarówno zespołem treści, jak i layoutem. Jeśli układ jest jednym pikselem poza standardem, wykonaj to. Jeden piksel.

thesecretmaster 08/03/2017.

Ważnym powodem, dla którego style inline są złe jest czytelność kodu, prosta i prosta. W tym przypadku przykład powinien wystarczyć, aby udowodnić swój punkt:

  
The Title
This is a super great article

W porównaniu do:

  
The Title
This is a super great article

Oprócz tego przykładu bez użycia klas i id uczyniasz DOM cięższym manipulowaniem przy użyciu javascript i uniemożliwia się użycie pseudo-elementów i kilku naprawdę dobrych selektorów CSS, takich jak :nth-child() i :first-child , Aby wymienić tylko kilka.


Puppy 07/31/2017.

Całkowicie się nie zgadzam - stylizacja powinna odbywać się bezpośrednio w HTML.

Głównym problemem jest to, że stylizacja nie jest nawet zdalnie niezależna od struktury HTML. Po prostu pisanie stylów w osobnym fizycznie pliku nie zmienia tego. Dobrym przykładem jest obsługa urządzeń mobilnych. Teoretycznie można utworzyć mobilny plik CSS. Ale w rzeczywistości prawdopodobnie potrzebujesz całkowicie osobnego projektu interfejsu użytkownika, aby uzyskać dobre doświadczenie na urządzeniu przenośnym, a następnie osobną strukturę HTML, aby ją obsługiwać, a następnie osobny zestaw stylów. "Zrób przycisk tak samo, ale nieco mniejszy" działa tylko na najmniejsze kawałki.

Tworzenie prawidłowego interfejsu użytkownika wymaga utworzenia struktury HTML, która obsługuje potrzebne style. Ponieważ obie rzeczy są w rzeczywistości sprzężone, a ich kolokacje sprawiają, że rzeczy są łatwe do zrozumienia i wszystko w jednym miejscu.

Ponadto, ponieważ prawdopodobnie tworzy się kod HTML za pomocą kodu, nie ma problemu z generowaniem kodu HTML przy użyciu podwójnych stylów, ponieważ Twój generator kodu może wypluwać style przez cały dzień.

Posiadanie surowego CSS jest ogromnie problematyczne, ponieważ style są całkowicie przypadkowe iw zasięgu globalnym i trudne do ponownego użycia. Tworzysz nazwę klasy z nadzieją, że nikt inny jej nie wykorzystał. Zagnieżdżasz własne klasy wewnątrz tego elementu, aby spróbować rozwiązać ten problem trochę, ale teraz nie możesz ponownie używać tych klas w innych miejscach, ponieważ nie mają odpowiedniej struktury DOM. Wtedy dowiesz się, że jakiś przypadkowy koleś w jakiejś odrębnej części swojej strony używał Twojej klasy bez uprzedzenia, a teraz złamałeś ją, zmieniając style. I powodzenia sprawdzanie typu, obsługa IDE itp. Trudno też tworzyć np. Parametryzowane klasy lub stosować globalnie wymianę, np. display: flex z display: -webkit-flex display: flex i display: -webkit-flex dla iOS.

Właściwym sposobem radzenia sobie z stylami jest radzenie sobie z nimi jak w przypadku jakiegokolwiek innego kodu - zamykanie ich w niektórych funkcjach.

5 comments
1 thesecretmaster♦ 07/31/2017
Cześć Szczeniaczku, witamy w Wychowawcach Informatyki ! Jeśli chcesz spotkać innego szczeniaka, możesz powiedzieć cześć Buffy , kto jest buldogiem, na czacie . To ciekawa odpowiedź, dziękuję za podzielenie się twoją perspektywą!
2 richard 07/31/2017
Chociaż nie zgadzam się z wszystkim, co mówisz. Widzę twój punkt. Zwłaszcza ostatnia linia (myślę, że powinieneś rozwinąć ten temat). Pokaż nam, jak myślisz, co należy zrobić. Nawet jeśli nie zgadzamy się 100%, możemy się czegoś nauczyć.
no comprende 08/01/2017
Twoja odpowiedź przypomina mi czas, kiedy zadałem pytanie, a ktoś powiedział: "Jeśli czytasz mszę w łacinie". Istnieje wiele "poprawnych" sposobów na robienie rzeczy, a z twojego punktu widzenia z wygenerowanym kodem HTML, rzeczywiście nie ma to żadnego znaczenia. Ale większość instruktorów nie uczy się generowanego kodu HTML, podobnie jak większość programistów nie uczy się pisać kompilatorów. Warstwa, którą dodajemy, aby ułatwić obsługę plików HTML łatwiej jest zbędna z wyrzuceniem kodu HTML. Ja też lubię robić rzeczy, ale jestem w dużej mniejszości. Może czasami możemy porozmawiać o określonych domenach?
Puppy 08/01/2017
Instruktorzy, którzy nie nauczą generowanego kodu HTML, nie uczą użytecznego kodu HTML.
ItamarG3 08/02/2017
@Puppy Czy tak?

Related questions

Hot questions

Language

Popular Tags