RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » Основы CSS » Комментарии в CSS коде. Основы CSS для начинающих. Урок №4

24.01.2017


16:12


7627


2


Комментарии в CSS коде. Основы CSS для начинающих. Урок №4

Комментарии в CSS коде. Основы CSS для начинающих. Урок №4

Всем привет!
В этом уроке я расскажу, как в CSS коде оставить маленькую подсказку для себя или для других веб-мастеров, которые будут продолжать работу с вашим кодом. Но это не все, о чем бы мне хотелось рассказать.
Что же я называю подсказкой? Подсказка – это комментарий в коде, оставленный для того, чтобы вы или будущий веб мастер видели, какую работу было сделано в данной части кода. А еще можно временно выключить css стиль, не удаляя при этом css правила, и это будет называться «закомментировать код». Вот в этом уроке я и расскажу, как оставить в коде комментарий и как закомментировать код.

○ Как оставить комментарий в коде CSS

Выше я объяснил, для чего комментарии в коде, и, надеюсь, вы поняли, что в дальнейшем это поможет вам экономить свое время и время других.
Чтобы оставить комментарий в коде, достаточно прописать вот так:

/* здесь будет комментарий к коду  */

/* - открываем
*/ - закрываем

Пример:

/* Для заголовка */
H2
{
font-size: 150px; /* Размер шрифта */
color: #cc0000 /* Цвет текста */
}

Эти подсказки на веб-странице отображаться визуально не будут, только в коде.

○ Как закомментировать код CSS

Бывают такие случаи, что css правило для какого-то элемента на данный момент не нужен или вы проводите эксперимент со стилями и, чтобы не удалить старые стили, их можно закомментировать, то есть, временно отключить. Делается это вот так:

/* здесь код  */

Пример:

H2
{
/*
font-size: 150px;
color: #cc0000;
*/
}

Можно и так:

H2
{
/*font-size: 150px; Размер шрифта */
/*color: #cc0000 Цвет текста */
}

Можно и так:

/*
H2
{
font-size: 150px; Размер шрифта
color: #cc0000 Цвет текста
}
*/

Я частенько люблю так делать:

Комментарии в CSS коде. Основы CSS для начинающих. Урок №4

Как оставить комментарий и как закомментировать код, разобрались. Двигаемся дальше.

Жду вас на следующих уроках. :coffe:



Случайные записи:

  1. Цикл While (Do- While). Основы PHP с нуля. Урок №11
  2. Приложение для смартфонов (андроид) – основы HTML
  3. Основы HTML для начинающих – «Моя первая страничка на HTML». Урок №2
  4. Выпадающее меню (списки). Основы bootstrap 3 для начинающих. Урок №9
  5. Сворачивание (аккордеон). Основы bootstrap 3 для начинающих. Урок №22

Последние записи рубрики:

  1. Бесплатный курс по основам CSS
  2. Создание сайта с нуля на HTML + CSS. Практика по пройденному материалу
  3. Тесты CSS онлайн. Основы CSS для начинающих
  4. Слои в CSS. Основы CSS для начинающих. Урок №16
  5. Плавающие блоки в CSS. Основы CSS для начинающих. Урок №15

2 ответа(ов) на статью: “Комментарии в CSS коде. Основы CSS для начинающих. Урок №4”

  1. Кирилл says:

    Мне было очень тяжело привыкать к тому, что нет однострочных комментариев. Особенно, когда часто правишь код и комментируешь неудачные эксперименты

    Ответить

  2. irm says:

    Очень полезная информация, спасибо

    Ответить

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2019 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 111
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 347