komentarze CSS

każdy język programowania pozwala dodawać notatki i inne wskazówki, które pomagają zrozumieć, co się dzieje. Nie wszystkie CSS są tak zrozumiałe na pierwszy rzut oka, jak np. font-size: 20px, więc niektóre sekcje kodu mogą korzystać z dodawania notatek lub innych podpowiedzi w ich pobliżu. Oto przykład:

.cf { zoom: 1; /* for IE6 and IE7 */}

komentarz w tej linii kodu jest częścią, która mówi „dla IE6 i IE7” i jest identyfikowalna jako taka przez poprzedzający ukośnik, po którym następuje gwiazdka, a gwiazdka i Ukośnik na końcu.,

możemy dodać tyle z nich do naszego arkusza stylów, ile chcemy, i dobrą praktyką jest używanie komentarzy CSS, aby pomóc zidentyfikować części dowolnego arkusza stylów, które mogą być trudne do zrozumienia z pobieżnego spojrzenia. Używając komentarzy CSS, aby uczynić nasze arkusze stylów bardziej czytelnymi, CSS będzie łatwiejszy do utrzymania w przyszłości.

komentarz CSS może obejmować wiele linii, jeśli jest to wymagane. Wszystko, co znajduje się pomiędzy otwierającymi i zamykającymi znakami komentarza, zostanie zignorowane przez przeglądarkę, podobnie jak same znaki komentarza., Tak często zobaczysz coś takiego w pliku CSS:

/*******************************************************These are the styles forthe header section*******************************************************/

zauważ, że w tym przykładzie nie tylko uwzględniłem otwieranie i zamykanie gwiazdek i znaków ukośnika wstecznego, ale również dodałem kilka dodatkowych znaków gwiazdek obejmujących wiele linii. Dzięki temu komentarz można łatwo znaleźć podczas przewijania pliku CSS. Dodaj nagłówki sekcji w CSS, aby pomóc uporządkować je w czytelne, powiązane fragmenty kodu.

Niestety, CSS nie ma łatwego sposobu na przedstawienie poprawnego, jednolinijkowego komentarza, który używa tylko kombinacji znaków komentarza otwierającego., Na przykład, w języku JavaScript, możesz skomentować pojedynczą linię kodu w następujący sposób:

// This is a JavaScript comment

jest to pomocne w JavaScript, ponieważ ułatwia anulowanie całej linii kodu lub dodanie pomocnego komentarza za pomocą tylko dwóch znaków (odwrotnych ukośników). Ale w CSS konieczne jest użycie zarówno znaków otwierających, jak i zamykających, aby określić granice komentarzy.

w przypadku szybkich, tymczasowych poprawek dopuszczalne jest jednak utworzenie pewnego rodzaju fałszywego komentarza CSS, stosując zasadę omówioną w poprzedniej sekcji na temat błędów CSS., Załóżmy, że mamy następujący CSS:

.center-global { max-width: 1020px; margin: 0 auto;}

i powiedzmy, że chcemy tymczasowo usunąć pierwszą linię (deklaracjęmax-width). Możemy to zrobić:

.center-global { /* max-width: 1020px; */ margin: 0 auto;}

To działa dobrze, ale szybszym sposobem osiągnięcia tego samego wyniku jest po prostu umieszczenie kilku losowych znaków na początku linii, jak tak:

.center-global { AAAAmax-width: 1020px; margin: 0 auto;}

jest to szybkie i skuteczne, ale nigdy nie zostawiaj swojego CSS w ten sposób na stronie NA ŻYWO. To nie jest poprawny CSS i powinien być używany tylko w rozwoju do szybkiego debugowania.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *