CSS - это Cascading Style Sheets (каскадные таблицы стилей), которые значительно упрощают разработку и редактирование внешнего вида веб-сайта. Они также предоставляют больше возможностей по оформлению содержимого веб-страницы, чем теги форматирования HTML. Но прежде чем приступать к изучению CSS, нужно изучить язык HTML, так как каскадные таблицы стилей задают необходимый вид отображения содержимого HTML-кода, при выводе браузером веб-страницы на экран монитора. Еще одна замечательная возможность представляется при использовании каскадных таблиц стилей - это разделение всего кода веб-странички на логическое содержимое и его оформление. В HTML, как Вы уже, наверное, знаете, для придания страничке нужного вида нужно использовать теги оформления, такие как <b>, <i> и т.д. Например, после создания сайта Вы решили поменять оформление какой-либо части странички. Что для этого надо делать? Естественно надо лезть в HTML-код, разбираться, что к чему, если сайт большой, то придется просматривать "тонны" кода, и, соответственно, вносить изменений тоже придется много. При использовании CSS эта процедура будет существенно проще.
Также есть возможность разместить содержимое каскадных таблиц стилей во внешнем файле. При этом получим возможность задавать оформление одним CSS-файлом нескольким, а может быть и всем, страницам сайта. Соответственно и менять оформление всего сайта можно будет, изменив всего один файл содержащий информацию о CSS.
Допустим нам нужно сделать на сайте краткое пояснение некоторых слов в текстовом содержимом. Это можно сделать несколькими способами, но мы рассмотрим пример всплывающей подсказки реализованной с помощью каскадных таблиц стилей.
В каскадных таблицах стилей (CSS) элементы HTML-документа представляют собой прямоугольные блоки, об их отображении на веб-странице мы и поговорим в этой статье.
Давайте для начала познакомимся со структурой блока. Каждый блок состоит из содержимого элемента, отступа между содержимым и границей блока, самой границы блока, а также поля (расстояние от границы блока до другого элемента) блока.
Познакомимся в этой статье со свойствами, определяющими внешний вид текста на веб-странице. Начнем со свойства text-align, которое управляет горизонтальным выравниванием текста (а также и картинками) в элементе HTML-документа.
Как указывалось в предыдущей статье, правило в CSS записывается из двух частей: селектора и описания. Селектор определяет, к какому элементу или группе элементов HTML-документа будут применяться приведенные в данном описании стилевые свойства. В качестве селектора могут быть указаны как сами имена элементов (то есть теги), так и другие более сложные текстовые структуры, такие как классы, идентификаторы и т.д.