|
|
В CSS1 стиль обычно применяется к элементу в соответствии с его позицией в структуре документа. Эта простая модель достаточна для широкого спектра стилей, но она не покрывает несколько типичных эффектов. Концепция псевдо-классов и псевдо-элементов расширяет механизм адресации в CSS1, чтобы позволить информации, внешней по отношению к документу, оказывать влияние на процесс форматирования. |
|
|
Зададимся вопросом, как же сделать такой сайт, который бы одинаково хорошо отображался и на экране сотового телефона, и на 22-х дюймовом LaCie? Если просто написать текст, то он будет отлично читаться, но выглядеть не ахти. К тому же, большинство существующих сейчас сайтов построены на принципе многоколоночной верстки, и тут уж никаких <просто текстов> не существует. |
|
|
Минус в заданном по умолчанию цвете полосы прокрутки состоит в том, что он является унылым и некрасивым - обычно этот цвет серый. Возможно, не было бы лишним изменить эту расцветку на более яркую и подходящую, соответствующую духу и стилю вашего сайта. К счастью (а может и к несчастью), этого мы можем добиться с помощью средств CSS и JavaScript. |
|
|
Основным понятием CSS является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя. CSS действует другим, более удобным и экономичным способом. |
|
|
CSS1 представляет собой описание правил, задающих параметры представления отдельных элементов на языке HTML. В предыдущих версиях HTML для придания элементу нужного облика приходилась каждый раз для каждого элемента перечислять весь список атрибутов, его характеризующих. Таблицы стилей, помимо более широких возможностей управления элементами web-документа, позволяют разделить непосредственно содержание документа и информацию о том, как это содержание должно быть представлено на экране. Это в огромной степени облегчает html-верстку web-документов и внесение изменений в описание элементов. |
|
|
CSS предоставляет огромные возможности создания многих динамических элементов на странице, правда, увидеть их можно не во всех браузерах. |
|
|
В таблице в краткой и удобной форме приведены описания и примеры использования наиболее часто встречающихся свойств CSS. |
|
|
Уже из изученных нами основ HTML вполне достаточно, чтобы понять простую истину: описание необходимых элементов языка разметки гипертекста - чрезвычайно сложное и утомительное занятие. Представьте себе, что разрабатываемая вами web-страничка содержит десять абзацев текста, которые необходимо расположить по всей ширине окна броузера, и двадцать иллюстрации, которые нужно выровнять по центру экрана. |
|
|
Цель данной главы - научить вас применять CSS правильно. Поверьте, это не так просто, как кажется на первый взгляд. Ведь можно просто особо не задумываясь написать таблицу стилей с множеством классов и ненужных объявлений, которая будет корректно работать. Но такая таблица стилей будет неоптимальной и неудобной. Неоптимальной потому, что ее можно значительно сократить и уменьшить объем, что немаловажно. Неудобной потому, что разбираться в неупорядоченном нагромождении классов достаточно сложно. Вообще жестких правил при написании таблицы стилей нет, потому что написать стиль можно по-разному и это будет работать, однако есть множество рекомендаций. Кроме того, можно все же выделить одно главное правило, которое всегда надо применять при использовании CSS. |
|
Страница:
<1> <2> <3> <4>
|
|
|
|
