RUS | ANG | |

StepkinBlog.ru

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

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

20.03.2015


08:56


11170


2


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

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

Всем привет!
В этом первом уроке я хотел бы познакомить вас, начинающих веб-мастеров, с основами CSS.
Здесь ничего сложного нет, для начала нужно просто понять, что такое CSS и для чего вообще он нужен.
Попробую все объяснить поэтапно и нормальным, доступным языком для начинающих.

○ Что такое CSS?
CSS (от англ. Cascading Style Sheets) – это каскадные таблицы стилей, позволяющие управлять внешним видом сайта (цвет фона, размер и цвет текста, оформление ссылок, позиция блоков на сайте и др.).
Другими словами можно сказать так, что CSS это инструмент позволяющий сделать полный ремонт в вашем доме (покраска потолков и полов, клейка обоев, перестановка мебели).
Метафору вы поняли.
В общем, если дело касается оформления сайта, то в этом ваш лучший помощник CSS.

○ Чем же хорош CSS, если оформление веб-документа можно осуществить и с помощью HTML?
Если оформлять документ только с помощью HTML, то в случае каких-либо изменений, например, замена цвета заголовка в статье, вам придется угробить на это массу времени, так как по отдельности на 1000 страницах веб-документа нужно будет внести исправления.
В CSS же все довольно просто.  Достаточно указать в одном css файле цвет к заголовкам, и на всех 1000 страницах веб-документа он изменится автоматически. Да, да, это огромноя экономия времени, и риск на инфаркт уменьшается.

Не буду вас нагружать с первого урока, скажу только, что css файл имеет расширение «*.css» и зачастую файлу присваивают название «style.css» (но это не обязательно).
Еще скажу, что файл CSS работает только в паре с HTML. Сам по себе CSS работать не будет. Так что если вы не знаете основ HTML, рекомендую с ними ознакомиться прежде, чем вы откроете урок №2.

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

А я буду заканчивать ознакомительный урок по основам CSS. В следующем уроке вы столкнетесь с практическими занятиями. Всего вам хорошего и приятного обучения!



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

  1. Как сделать фоновую музыку на сайте – HTML и HTML5
  2. Работа с файлами-1 (создание, открытие, отображение, запись и закрытие файлов). Основы PHP с нуля. Урок №19
  3. Создание сайта с нуля на HTML + CSS. Практика по пройденному материалу
  4. Тесты CSS онлайн. Основы CSS для начинающих
  5. Шрифты в CSS. Основы CSS для начинающих. Урок №6

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

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

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

  1. Никита 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