Подписка
Email
Fb
RSS
Twitter
Email

Видео уроки CSS. Часть1

Приветствую Вас, уважаемые читатели, на сайте DenWeb.Ru.

Этим постом я открываю серию видео уроков по каскадным таблицам стилей CSS.

В данном курсе CSS рассмотрим способы внедрения стилей в HTML страницу, поговорим о классах и их видах, подробно разберем атрибуты CSS для блочных и строчных элементов разметки, методы позиционирования элементов разметки при помощи CSS.

Сегодняшний видео урок большей частью вводный. Разберем следующие вопросы:

  • Инструменты для работы;
  • Для чего же нужен CSS?;
  • Способы добавления стилей на html страницу;
    • Связанные стили;
    • Глобальные стили;
    • Внутренние стили;
  • Импорт CSS;
  • Базовый синтаксис CSS;
  • Комментарии в CSS;
  • Значения стилевых свойств;
    • Строки;
    • Числа;
    • Проценты;
    • Размеры;
    • Цвет;
    • Адреса;
    • Ключевые слова;

Теперь переходим собственно к самому видео уроку:

Еще раз напоминаю основной синтаксис CSS правила:

И еще, неплохо было бы почитать статью о CSS селекторах.

На этом сегодняшний урок закончим.

Вы можете оставить комментарий.

35 комментариев к записи “Видео уроки CSS. Часть1”

  1. Володя:

    Хорошо бы ещё видео уроки по функциям и операторам HTML. Да и скриптам заодно. А то форму сделаешь и не знаешь как её данные приткнуть куда-нибудь. 

  2. Сергей:

    Здравствуйте. У меня возникла проблема. Когда я указываю ссылку на CSS файл на странице и сохраняю, то он не понимает CSS файл и оставляет страницу, как она была.

    • Сергей, либо путь к файлу неверно указываете, либо имя файла, либо расширение не правильно задали.

      • Сергей:

        Нет когда на хостинге это делаешь я понимаю, но вот когда на компьютере у себя делаю. Как правильно указывать путь к CSS

        • Так же. Нужно указывать относительный путь к файлу.

          Допустим у вас файл style.css лежит в одной директории, что и html файл, тогда прописываете в html файле:
          <head>
             <link rel="stylesheet" href="style.css" type="text/css">
          </head>

          Если css в другой папке — указываете относительный путь. Об этом я здесь писал.

  3. Дмитрий:

    Здравствуйте,помогите включить подсветку в Intype.

  4. Дмитрий:

    Спасибо огромное,отличные уроки HTML...

  5. Юрий:

    Где скачать intype?

  6. Олег:

    Здравствуйте у меня такая же проблема  что и  у Сергея прописывал как вы показали все ровно ни чего не изменяется.В файле css надо указывать тег <div>?

  7. Олег:

    Увы не работает.В html все функций прекрасно работают а вот с css не получается,У Сергея наверное тоже самая  проблема.

  8. Олег:

    Это может зависеть от доктайпа? У меня он записан в одну строку.А у вас на видео в две строки?

  9. Олег:

     все Скинул

  10. Олег:

    большое спасибо!

  11. андрей:

    здравствуй,скажи пожалуйста как устанавливать шапку сайту.

  12. Ymena toge css ne pokazivaet pochemy?

  13. как вот поставить картинку полупрозрачную на сайт? чтобы он отображался на всех страницах, без repeat?вот картинка. Буду премного благодарен если напишите код!!!

  14. Макс:

    Здравствуйте! Скажите пожалуйста для чего нужен php или javascript???

  15. Ростислав:

    Здравствуйте! Ссылка на статью о цветах не работает.

  16. Gangsters:

    К таким людям как ты проевляется уважение. Спасибо !!

  17. Никита:

    Всё понятно ,но вы говорили что можно задать стиль отдельному тегу <div>, а если сделать так как показано в этих видео то, выходит что стиль задаётся всем тегам <div>! так как сделать так чтобы задать стиль одному (например из восьми) тегу <div>?

  18. Вадим:

    Просмотрел курс HTML, понравилось, есть желание продолжать путь Веб мастера, но в уроках CSS вы используете интайп. Это обязательно. Если да, то где его можно взять?

  19. Денис:

    Ден подскажи пожалуста! Смотри ты показываеш уроки я хочу всё повторять за тобой чтобы лучше запоминалось а где взять те начальные коды те на которых ты на видео? Ведь так будет лучше запоминатся и цсс файл. Или не надо повторять ? Подскажи пожалуста!

  20. Гена:

    где скачать InType 

  21. Максим:

    у меня тоже таблица css не работает помогите пожалуйста!Файлы выслал на почту

  22. HTML я изучил еще давно, а до CSS все руки не доходят. Знаю только поверхностно. Надо засесть. Попробую по вашим урокам.

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика