Html учебник лучший: С какой книги лучше начать изучать HTML и CSS?

Содержание

HTML5 для начинающих. Учебник по основам HTML

пособие для начинающих и помощь для профессионалов

Приветствую вас на сайте для веб-разработчиков, веб-программистов и веб-дизайнеров –
Уроки по HTML/CSS/JavaScript/SQL/PHP для начинающих!

Данный сайт Уроки по HTML/CSS/JavaScript/PHP для начинающих создан ~~непрофессионалом-любителем~~ из собственным произвольным переводом и своими дополнительно изложенными материалами по теме веб-разработки, в т.ч.: HTML, CSS, JavaScript, SQL, PHP, Bootstrap, Python, W3.CSS, jQuery и др. Так как в сети не существует официальной версии сайта W3Schools на русском языке, но очень большое количество людей совершают запрос именно на сайт W3Schools в поисках информации и изучения курсов для веб-разработчиков, в том числе по HTML, CSS, JavaScript (для frontend) и PHP, SQL, Python (для backend), но при этом не все хорошо знают английский язык,
то я решил немного облегчить жизнь этим людям, которые хотели бы получить знания по веб-вёрстке или веб-программированию, и сделал перевод на
русский и украинский язык сайта W3Schools.
Большая часть материалов и примеров взяты именно с этого сайта.

Вы можете перейти на более полные версии сайта по ссылкам:

Оба этих сайта на данный момент ещё разрабатываются и наполняются материалами. Но уже сейчас основные уроки по HTML, CSS, PHP, Python доступны на русском языке.

W3Schools является обучающим сайтом, созданный специально для целей обучения всех желающих основам веб-разработки, и основанный на материалах Консорциума Всемирной паутины (официальный сайт: https://w3.org/). Именно из этого сайта берётся вся официальная информация и все изменения, которые происходят в действующей спецификации. На данный момент актуальной является спецификация HTML5, на основе которой и создаются большинство новых сайтов в Интернете.

Автор сайта также ещё учится веб-технологиям и данный сайт создаётся по мере обучения.

Кроме материалов из сайта W3Schools, которые переведены на русский язык, вы можете найти на этом сайте дополнительные материалы по HTML, CSS, JavaScript, PHP, SQL, Bootstrap, Python, W3.CSS, jQuery и др. темы для веб-вёрстки и веб-программирования. Сайт Уроки по HTML/CSS/JavaScript/PHP для начинающих создан только с помощью HTML/CSS и не содержит интерактивных элементов (кроме комментариев от Disqus) как обучающее пособие и пример для тех начинающих любителей, кто только начинает изучать веб-технологии для создания веб-сайтов HTML/CSS. Благодаря чему данный сайт практически невозможно взломать! Сайт на данный момент разрабатывается и наполняется, поэтому некоторые ссылки ещё могут не работать. Поэтому если у вас возникают какие-то трудности или вопросы по поводу выложенных на сайте материалов, рекомендуется перейти на официальный сайт W3Scools для просмотра информации в оригинале на английском языке, а также оставлять свои комментарии и пожелания по наполнению и работе сайта.

Также на сайте Уроки по HTML/CSS/JavaScript/PHP для начинающих вы можете дополнительно просматривать видеоуроки по HTML/CSS, получая более подробное изложение материалов и приведенных примеров, непосредственно видя всё на экране монитора. В дальнейшем видеоуроки по изучению веб-технологий HTML, CSS, JavaScript, PHP также будут добавляться. Кроме того, в разделе Книги вы можете просмотреть подборку учебной литературы, учебники и пособия для веб-разработчиков, в т.ч. по HTML, CSS, JavaScript, PHP. Книги изложены для ознакомления в формате pdf, их можно скачать или читать онлайн непосредственно с Google-диска бесплатно. Все права на книги принадлежат их авторам и не могут быть использованы для коммерческих целей никем, кроме самих авторов.

Для того, чтобы приступить к обучающему курсу по той или иной веб-технологии, выберите необходимый курс, перейдя по соответствующей ссылке на гла

Учебник HTML | schoolsw3.com

HTML — стандартный язык разметки для веб страниц.

С помощью HTML вы можете создать свой собственный сайт.

Этот учебник соответствует последнему стандарту HTML5.

HTML легко выучить — вам понравится!

Начните изучать HTML »

Простое обучение с помощью HTML «Попробуйте сами»

С помощью нашего редактора «Попробуйте сами» вы можете редактировать HTML-код и просматривать
результат:

Нажмите на кнопку «Попробуйте сами» чтобы посмотреть, как это работает

HTML Примеры

В этом учебнике HTML вы найдете более 200 примеров. С помощью онлайн редактора
«Попробуйте сами», вы можете редактировать и тестировать каждый пример самостоятельно!

Перейти к примерам HTML кода!

HTML Упражнения

Учебник HTML, также, содержит почти 100 HTML упражнений.

Тест с помощью упражнений

Упражнение:

Добавьте «всплывающую подсказку» к нижеприведенному абзацу с текстом «О SchoolsW3».

<p =»О SchoolsW3″>SchoolsW3 сайт для веб-разработчика.</p>

Отправить Ответ »

Начните упражнение

HTML Тест

Тест с помощью викторины!

Старт HTML Викторины!

HTML Справочники

В SchoolsW3 вы найдете полные ссылки на HTML элементы,
атрибуты, события, имена цветов, сущности, наборы символов, кодировка URL-адресов,
языковые коды, HTTP-сообщения, поддержка браузера и многое другое:

HTML Экзамен — получить диплом!

SchoolsW3′ Онлайн Сертификация

Идеальное решение для профессионалов, которым необходимо сбалансировать работу, семью и построение карьеры.

Уже выдано более 25 000 сертификатов!

Получите Сертификат »

HTML Сертификат документирует ваши знания HTML.

CSS Сертификат документирует ваши знания продвинутого CSS.

JavaScript Сертификат документирует ваши знания JavaScript и HTML DOM.

Python Сертификат документирует ваши знания о Python.

jQuery Сертификат документирует ваши знания о jQuery.

SQL Сертификат документирует ваши знания SQL.

PHP Сертификат документирует ваши знания PHP и MySQL.

XML Сертификат документирует ваши знания XML, XML DOM и XSLT.

Bootstrap Сертификат документирует ваши знания о фреймворке Bootstrap.

Руководство по стилю | Учебник HTML

Последовательный, чистый и аккуратный HTML код облегчает другим чтение и понимание вашего кода.

Быть умным и перспективным

Вот некоторые рекомендации и советы по созданию хорошего исходного кода HTML.

Используйте правильный тип документа

Всегда объявляйте тип документа в качестве первой строки в вашем документе.

Правильный тип документа для HTML это:

Используйте имена элементов в нижнем регистре

HTML позволяет смешивать прописные и строчные буквы в именах элементов.

Однако мы рекомендуем использовать имена элементов в нижнем регистре, поскольку:

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

Хорошо:

<body>
<p>Это параграф</p>
</body>

Плохо:

<BODY>
<P>Это параграф</P>
</BODY>

Закрывайте все HTML элементы

В HTML вам не нужно закрывать все элементы (например, элемент <p>).

Однако мы рекомендуем закрыть все HTML элементы, например так:

Хорошо:

<section>
<p>Это параграф.</p>
<p>Это параграф.</p>
</section>

Плохо:

<section>
<p>Это параграф.
<p>Это параграф.
</section>

Используйте имена атрибутов в нижнем регистре

HTML позволяет смешивать прописные и строчные буквы в именах атрибутов.

Однако мы рекомендуем использовать имена атрибутов в нижнем регистре, поскольку:

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

Хорошо:

<a href=»https://schoolsw3.com/html/»>Посетите HTML Учебник</a>

Плохо:

<a HREF=»https://schoolsw3.com/html/»>Посетите HTML Учебник</a>

Всегда указывайте значения атрибутов

HTML допускает значения атрибутов без кавычек.

Тем не менее, мы рекомендуем заключение в кавычки значений атрибутов, потому что:

Разработчики обычно цитируют значения атрибутов
Приведенные в кавычках значения легче читать
Вы должны использовать кавычки, если значение содержит пробелы

Хорошо:

Плохо:

Очень плохо:

Это не сработает, так как значение содержит пробелы:

Всегда указывайте alt, width и height для изображений

Всегда указывайте атрибут alt для изображений.
Этот атрибут важен, если изображение по какой-то причине не может быть отображено.

Кроме того, всегда определяйте width и height для изображений.
Это уменьшает мерцание, поскольку браузер может зарезервировать место для изображения перед загрузкой.

Хорошо:

Плохо:

Пробелы и знаки равенства

HTML допускает пробелы вокруг знаков равенства. Но без пробелов легче читать и лучше группировать объекты вместе.

Хорошо:

Плохо:

Избегайте длинных строк кода

При использовании HTML редактора не удобно прокручивать вправо и влево, чтобы прочитать HTML код.

Старайтесь избегать слишком длинных строк кода.

Пустые строки и отступы

Не добавляйте пустые строки, пробелы или отступы без причины.

Для удобства чтения добавьте пустые строки для разделения больших или логических блоков кода.

Для удобства чтения добавьте два интервала отступа. Не используйте клавишу tab.

Хорошо:

<h2>Знаменитый город</h2>

<h3>Токио</h3>
<p>Токио — столица Японии, центр района Большого Токио,
и самый густонаселенный мегаполис в мире.
Это резиденция японского правительства и императорский дворец,
и дом японской императорской семьи.</p>

</body>

Плохо:

<h2>Знаменитый город</h2>

<h3>Токио</h3>

<p>
    Токио — столица Японии,
центр района Большого Токио,

и самый густонаселенный мегаполис в мире.

Это резиденция японского правительства и императорский дворец,

и дом японской императорской семьи.
</p>

</body>

Хороший пример таблицы:

<table>
<tr>
    <th>Имя</th>
    <th>Описание</th>

</tr>
<tr>
    <td>A</td>
    <td>Описание в A</td>

</tr>
<tr>
    <td>B</td>
    <td>Описание в B</td>
</tr>
</table>

Хорошо пример списка:

<ul>
<li>Лондон</li>
<li>Париж</li>

<li>Токио</li>
</ul>

Никогда не пропускайте элемент <title>

Элемент <title> необходим в HTML.

Содержание заголовка страницы очень важно для поисковой оптимизации (SEO)!
Заголовок страницы используется алгоритмами поисковой системы для определения порядка размещения страниц в результатах поиска.

Элемент <title>:

определяет заголовок на панели инструментов браузера
предоставляет заголовок для страницы, когда она добавляется в избранное
отображение заголовка страницы в результатах поиска

Так что, постарайтесь сделать заголовок максимально точно и содержательно, насколько это возможно:

<title>HTML Руководство по стилю и условные обозначения кодирования</title>

Пропуск <html> и <body>?

HTML страница будет проверяться без использования тегов <html> и
<body>:

Однако мы рекомендуем всегда добавлять теги <html> и
<body>!

Элемент <html> — это корень документа,
и рекомендуемое место для указания языка страницы.
Объявление языка страницы важно для специальных приложений (программ чтения с экрана) и поисковых систем.

Пропуск <body> может привести к ошибкам в старых браузерах.

Пропуск <html> и <body>
может также привести к сбою программного обеспечения DOM и XML.

Пример

Заголовок страницы

<h2>Это заголовок</h2>
<p>Это параграф.</p>

</body>
</html>

Попробуйте сами »

Пропуск <head>?

HTML тег <head> также может быть опущен.

Браузеры добавят все элементы перед <body>,
по умолчанию, элемент <head>.

Пример

Заголовок страницы

<h2>Это заголовок</h2>
<p>Это параграф.</p>

</body>
</html>

Попробуйте сами »

Тем не менее, мы рекомендуем использовать тег <head>.

Закрыть пустые HTML элементы?

В HTML, он является обязательным, чтобы закрыть пустые элементы.

Допустимо:

Также допустимо:

Если вы ожидаете, что программное обеспечение XML/XHTML получит доступ к вашей странице, сохраните закрывающую косую черту (/), поскольку она требуется в XML и XHTML.

Метаданные

Чтобы обеспечить правильную интерпретацию и правильную индексацию поисковых систем,
как язык, так и кодировка символов должны быть определены как можно раньше в HTML документе:

<!DOCTYPE html>
<html
lang=»ru-RU»>
<head>
<meta charset=»UTF-8″>

<title>Заголовок страницы</title>
</head>

Настройка видового экрана

Видовой экран — это видимая область веб страницы пользователя. Она меняется в зависимости от устройства — на мобильном телефоне она будет меньше,
чем на экране компьютера.

Вы должны включить следующей элемент <meta> на всех ваших веб страницах:

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

Часть width=device-width задает ширину страницы, соответствующую ширине экрана устройства (которая будет варьироваться в зависимости от устройства).

Часть initial-scale=1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

Вот пример веб страницы без мета тега viewport и той же веб страницы с мета тегом viewport:

Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

HTML Комментарии

Короткие комментарии должны быть написаны на одной строке, например:

<!— Это комментарий —>

Комментарии, которые охватывают более одной строки, должны быть написаны следующим образом:

<!—
Это длинный пример комментария. Это длинный пример комментария.
Это длинный пример комментария. Это длинный пример комментария.
—>

Длинные комментарии легче видеть, если они имеют отступы с двумя пробелами.

Использование каскадной таблицы стилей

Используйте простой синтаксис для связывания с таблицами стилей (атрибут type не является необходимым):

Короткие правила CSS можно записать сжатыми, например так:

p.intro {font-family:Verdana;font-size:16em;}

Длинные правила CSS должны быть написаны в нескольких строках:

body {
background-color: lightgrey;
font-family: «Arial
Black», Helvetica, sans-serif;
font-size: 16em;
color:
black;
}

Поместите открывающую скобку на ту же линию, что и селектор
Используйте один пробел перед открывающей скобкой
Используйте два интервала отступа
Используйте точку с запятой после каждой пары свойство-значение, включая последнюю
Используйте кавычки только вокруг значений, если они содержат пробелы
Поместите закрывающую скобку на новую строку, без ведущих пробелов

Загрузка JavaScript в HTML

Используйте простой синтаксис для загрузки внешних скриптов (атрибут type не является обязательным):

Доступ к HTML элементам с помощью JavaScript

Использование «неопрятного» HTML кода может привести к ошибкам JavaScript.

Эти два оператора JavaScript будет производить различные результаты:

Посетите руководство по стилю JavaScript.

Используйте имена файлов в нижнем регистре

Некоторые веб серверы (Apache, Unix) чувствительны к регистру имен файлов: «london.jpg» не может быть доступен как «London.jpg».

Другие веб серверы (Microsoft, IIS) не чувствительны к регистру символов: «london.jpg» можно получить доступ как «London.jpg».

Если вы используете сочетание верхнего и нижнего регистра, вы должны знать об этом.

Если вы перейдете с сервера, не чувствительного к регистру, на сервер, чувствительный к регистру, даже небольшие ошибки разрушат вашу сеть!

Чтобы избежать этих проблем, всегда используйте имена файлов в нижнем регистре!

Расширение файла

HTML файлы должны иметь расширение .html или .htm.

CSS файлы должны иметь расширение .css.

JavaScript файлы должны иметь расширение .js.

Различия между .htm и .html?

Между ними нет никакой разницы расширения файлов .htm и html!

И то, и другое будет рассматриваться как HTML любым веб браузером и веб сервером.

Имена файлов по умолчанию

Если URL адрес не указывает имя файла в конце (например: «https://schoolsw3.com/»),
сервер просто добавляет имя файла по умолчанию, например «index.html»,
«index.htm», «default.html», или «default.htm».

Если ваш сервер настроен только на «index.html» в качестве имени файла по умолчанию ваш файл должен быть назван «index.html», а не «default.html.»

Однако серверы могут быть сконфигурированы с несколькими именами файлов по умолчанию, и обычно вы можете настроить столько имен файлов по умолчанию, сколько потребуется.

Учебник HTML5

Перейти к основному содержанию

Самоучители
- HTML для начинающих
- CSS для начинающих
- Учебник HTML5
- Учебник Canvas
- XML для начинающих
- Учебник XML DTD
- Учебник по XML схемам
- Учебник XML DOM
- Учебник XPath
- Учебник по XSLT
- Учебник SVG
- Учебник JavaScript
- Учебник jQuery
Справочники
- HTML теги
- CSS свойства

Современный учебник CSS: ваш онлайн-самоучитель

Учимся создавать веб-страницы, отвечающие современным требованиям.

Современный учебник CSS — это онлайн-книга, призванная ознакомить веб-разработчиков с современными способами создания сайтов, в том числе и адаптивных. В ней рассматриваются новейшие методы применения CSS и HTML. Материал рассчитан на тех, кто уже знаком с HTML хотя бы на начальном уровне.

Немного о таблицах стилей

Веб-страница создается и структурируется с помощью стандартного языка разметки — HTML. Раньше, в середине 90-х годов, этот язык использовался и для стилевого оформления документа, но сейчас всё, что касается дизайна страниц, решается с помощью каскадных таблиц стилей (Cascading Style Sheets — англ.). У CSS есть множество достоинств и возможностей, о которых вы узнаете по ходу чтения книги.

Главными плюсами CSS являются компактность и удобство. Во-первых, отказываясь от создания дизайна прямо в HTML-документе, вы делаете веб-страницу более аккуратной и чистой — нет длинного кода и неразберихи, страница грузится быстрее, а поисковому роботу становится легче сканировать содержимое. Все стили загружаются из внешнего файла, где хранятся исключительно правила CSS для оформления страницы. Во-вторых, появляется отличная возможность мгновенно править что-либо в оформлении всего сайта. Достаточно подкорректировать файл CSS и изменения станут видны на всех страницах, к которым подключен этот файл.

Сегодня благодаря широким возможностям CSS вы можете научиться разрабатывать сайты, которые будут корректно отображаться на любых устройствах, и таким образом выйти на новый, современный уровень.

Для кого эта книга

Если вы желаете научиться не просто создавать веб-страницы, а создавать их правильно и красиво, этот учебник по CSS для вас. Мы стараемся преподносить информацию доходчиво, простым языком, поэтому материал будет понятен новичкам, для которых в каждой главе самоучителя найдутся ценные рекомендации и примеры.

Желаем вам успехов в обучении!

СОДЕРЖАНИЕ

Часть I. Азы CSS

Подготовка почвы: поговорим об HTML
Синтаксис CSS. Подключение внешних таблиц. Создаем первый стиль
Изучение селекторов:
1. Селекторы CSS. Теги, классы, ID, группы
2. Селекторы потомков. Псевдоклассы и псевдоэлементы CSS
3. Дочерние селекторы CSS. Дополнительные псевдоклассы
4. Соседние и родственные селекторы
5. Селекторы атрибутов
6. Урок: тренируемся применять селекторы
Наследование в CSS: что это и как работает
Каскадность CSS. Приоритеты стилей

Часть II. Использование CSS

Работа с текстом:
1. Подключение шрифтов CSS. Работа с веб-шрифтами. Google Fonts
2. Установка цвета для текста в CSS. Способы представления цветов
3. Размер шрифта в CSS. Единицы измерения px, %, em
4. Жирный шрифт и курсив CSS
5. Прописные и строчные буквы в CSS: свойство text-transform
6. Подчеркивание, зачеркивание текста в CSS: свойство text-decoration
7. Тень для текста: свойство CSS text-shadow
8. Межсимвольный, межстрочный интервал CSS. Расстояние между словами
9. Выравнивание текста в CSS: свойство text-align
10. CSS для списков: свойство list-style и его производные
Работа с блоками:
1. Вступление. Блоки
2. Поля и отступы CSS: отличия свойств margin и padding
3. Блочные и строчные элементы
4. Свойство border: границы для блоков
5. Border-radius: закругленные углы в CSS
6. Box-shadow: тень для элемента
7. Width и height: определяем размеры элемента
8. Box-sizing: управляем вычислением ширины и высоты
9. Overflow: управление переполненными элементами
10. Max-width, max-height, min-width, min-height: максимальные и минимальные размеры элемента
11. Поток документа. Свойства float и clear
12. Практика: делаем адаптивную посадочную страницу
Работа с графикой:
1. CSS для тега img
2. Background-image: установка фонового изображения
3. Относительный и абсолютный путь к файлу
4. Background-repeat: повторение фоновой картинки
5. Background-position: позиционирование фона
6. Background-attachment: фиксация фона
7. Свойства CSS3 background-origin и background-clip
8. Background-size: масштабирование фонового рисунка
9. Свойство background: все настройки фона в одном месте
10. Несколько фоновых рисунков для одного элемента
11. Linear-gradient(): линейный градиент в фоне
12. Repeating-linear-gradient(): градиент с повторением
13. Radial-gradient(): радиальный градиент
14. Repeating-radial-gradient(): повторяющийся радиальный градиент
15. Практика: создаем фотогалерею на CSS
16. Практика: работаем с фоновыми рисунками
Ссылки и навигация:
1. Состояния ссылок в CSS. Псевдоклассы
2. Варианты стилизации ссылок в CSS
3. Навигационные панели с помощью CSS
4. Стили для особых ссылок
5. CSS-спрайты
Трансформирование и анимация:
1. Свойство transform: трансформация элементов
  1. Функция rotate()
  2. Функция scale()
  3. Функция skew()
  4. Функция translate()
  5. Несколько значений свойства transform
  6. 3D-трансформации в CSS
2. CSS3 transition: плавные переходы
  1. Свойство transition-property
  2. Свойство transition-duration
  3. Свойство transition-timing-function
  4. Свойство transition-delay
  5. Сокращенная запись transition
3. CSS3-анимация
  1. Правило @keyframes
  2. Запуск анимации: аnimation-name и animation-duration
  3. Свойства animation-timing-function и animation-delay
  4. Свойство animation-iteration-count
  5. Свойство animation-direction
  6. Свойство animation-fill-mode
  7. Свойство animation-play-state
  8. Сокращенная запись animation
4. Практика: создание CSS-анимации
Таблицы и формы:
1. Стилизация таблиц с помощью CSS
2. CSS-стили для форм

Часть III. Разметка CSS

Ширина веб-страницы
Блочная верстка
Создание разметки: основные правила
Разметка с помощью float
1. Проблемы float и их решения
Верстка адаптивных веб-страниц
1. Медиа-запросы CSS
2. Гибкие сетки в CSS
3. Адаптивные изображения и видео
Знакомство с Flexbox
1. CSS-свойства для flex-контейнера
2. CSS-свойства для flex-элементов
Позиционирование CSS. Свойство position
1. Свойства top, left, bottom, right
2. Z-index: наслаивание элементов
3. Скрытие элементов средствами CSS
Кратко о CSS Grid Layout
1. CSS-свойства для grid-контейнера
2. CSS-свойства для grid-элементов

Заключение. Рекомендации по CSS

Учебник CSS для начинающих. Что такое CSS?

Введение

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

CSS (Cascading Style Sheets) — Каскадные таблицы стилей — это свод стилевых описаний, тех или иных HTML тегов (далее элементов HTML), который может быть применён как к отдельному тегу — элементу, так и одновременно ко всем идентичным элементам на всех страницах сайта. CSS по сути своего рода дополнение к HTML, которое значительно расширяет его возможности.

Ну и что? Спросите Вы.. Зачем мне этот пресловутый CSS? Я и HTML-ом в чистом виде неплохо обходился!

Приведу ряд доводов в пользу использования CSS:

HTML в чистом виде имеет весьма ограниченный набор инструментов не позволяющий решать те или иные дизайнерские и функциональные задумки веб-мастера. Ну вот хотя бы, к примеру, взять больной вопрос всех начинающих веб-ремесленников «Как убрать подчеркивание ссылки?» или «Как сделать чтобы наведя курсором на эту самую ссылку она меняла цвет и подсвечивалась?» с помощью одного HTML этого никак не сделать!! А сколько их еще таких «больных вопросов»? — тьма.. Тут то и приходит на помощь CSS, который решает большинство задач касающихся дизайна сайта.

Предположим, Вы написали сайт в нем 100 страниц.. хороший сайт, информативный, люди на него ходят.. И вдруг по каким либо причинам Вам понадобилось изменить его дизайн, ну не знаю, мода изменилась, Вы нашли более лучшее дизайнерское решение, заказчику пришлось не по душе.. да мало ли еще почему.. Сколько времени и сил у Вас уйдёт на то что бы полностью переделать все 100 страниц сайта? CSS предлагает разумное решение этой задачи. А что если один раз в отдельном файле полностью описать весь дизайн сайта? Допустим: все заголовки <h2> делать красным цветом, параграфы <p> писать курсивам, ссылки <a> не подчёркивать 🙂 фон на всех страницах залить зелёным, и т. д. … а потом просто заставить эти 100 страниц HTML обращаться к файлу CSS и черпать из него нужную информацию? Теперь когда Вам вздумается, к примеру, перекрасить все заголовки из красного в зеленый, Вам ненужно открывать все 100 страниц находить в них теги <h2> и указывать в каждом что ты теперь не красный а зелёный! Вам нужно всего лишь открыть файл описание и изменить в нем цвет элемента <h2> на зелёный и всё!! Все заголовки на всех страницах сайта как по взмаху волшебной палочки станут зелеными.

Ввиду того, что CSS позволяет выносить повторяющиеся стилевые описания одних и тех же элементов в один файл происходит значительная «разгрузка» документов HTML, а это экономия объема, трафика, времени, денег.. HTML код становится лёгким, удобным для чтения и редакции.

Ну как? Заинтриговал? Если да то рекомендую перейти к непосредственному изучению CSS. В главах этого учебника Вы научитесь внедрять каскадные таблицы стилей на страницы Вашего сайта, познакомитесь с основными стилевыми свойствами элементов на примере создания сайта с использованием CSS, вникните в тонкости и хитрости дела. Если Вы уже знакомы c каскадными таблицами стилей и Вас интересует исключительно справочная информация, то предлагаю заглянуть в справочник CSS где собранны и кратко описаны свойства CSS и их возможные значения.