на зелёный и всё!! Все заголовки на всех страницах сайта как по взмаху волшебной палочки станут зелеными.

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

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

Здравствуйте уважаемые начинающие веб-мастера. Этой статьёй начинается интереснейший раздел по CSS, в конце которого мы напишем .

Но сначала небольшое вступление- что такое CSS (стили), конечно для тех, кто не знает, остальные можете с ходу проскакивать эту страницу.

СSS- Cascading Style Sheets (каскадные таблицы стилей) — это ещё один язык программирования, называемый ещё формальным языком, который применяется для описания внешнего вида документа, написанного с использованием языка гипертекстовой разметки, то есть HTML.

Давайте объясню Вам всё это простыми словами, как строитель с большим стажем, на примере строящегося дома. Сперва на строительной площадке появляются плотники-бетонщики, и изготавливают фундамент и, если есть, другие железобетонные части будущего дома. В нашем случае это сопоставимо с созданием каркаса страницы.

Затем приходят каменщики, и поднимают стены, за ними кровельщики монтируют крышу. Черновой вариант дома готов. В нашем случае это можно сравнить с, написанной на языке HTML, страницей (вспомните index.html который мы написали в предыдущем курсе).

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

Так что теперь все задачи связанные с оформлением нашего сайта (изменение расцветок и форматов текста, размещение картинок, столбцов и многое другое), мы будем выполнять с помощью CSS.

Возникает закономерный вопрос: а для чего же тогда нужно изучать теги html, делающие тоже самое. Дело в том, что CSS была создана на основе html, и многие понятия, и названия в неё перешли также из html, и Вы это скоро поймёте.

Технология эта более совершенна и удобна для решения задач связанных с оформлением. Ну а по-простому могу объяснить, опять же, используя сравнение из моего строительного прошлого.

Любой хороший плотник имеющий, допустим, такой шикарный инструмент как бензопила “Штиль”, режущая и брёвна и рейки с одинаковой лёгкостью и вообще позволяющая выполнить почти любую плотницкую работу (кроме строгания и забивания гвоздей), всегда имеет под рукой обыкновенную ножовку и топор, потому, что всегда может возникнуть момент, когда быстрее и проще будет применить как раз их.

Есть ещё один нюанс, из за которого необходимо знать теги html предыдущих версий. Дело в том, что в интернете существует очень много ресурсов написанных давно, и с использованием именно этих тегов.

Вы непременно с ними столкнётесь, и будете знать, что они из себя представляют, и какое действие выполняют.

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

Валидатор, обнаружив такой тег, настоятельно рекомендует применить вместо него свойство CSS. Да Вы и сами, познакомившись с этим замечательным языком программирования, поймёте, насколько проще использовать стили.

Так что давайте приступим к изучению технологии CSS. Делать это будет лучше при помощи редактора .

В этом редакторе файлов, можно написать код, и тут-же посмотреть, как отобразит его браузер. Очень удобно.

Перемена

— Почем стоит доехать до Дерибасовской?
— Пять рублей.
— А если я поеду с Изей?
— С изей, без Изи… Пять рублей.
— Изя, ты слышишь? Я ж говорил, что ты ничего не стоишь!

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

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

Чтобы понять, что такое CSS, разберем простой пример. Когда сотрудник редакции газеты или журнала производит верстку издания, он делает пометки, по которым затем разрабатывается внешний вид готового материала. Например: «выделить заголовок красным», «сделать отступ», «увеличить расстояние между информационными блоками» и так далее. При работе с сайтами нельзя прописать подобные заметки обычным языком, браузер не сможет их прочитать. Чтобы он учел отметки, необходимо прописать их на языке CSS.

Принцип работы CSS

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

CSS применяется для выполнения стилистических решений, а также для компоновки документов типа HTML: задачи высоты, колонок, размещения элементов и так далее.

Как и где можно написать CSS

• CSS может быть прописан как атрибут непосредственно в HTML.

• Можно применять тег