Урок №1: Что такое CSS
Трудоемкий процесс создания сайта можно значительно облегчить с помощью специальных технологий разработки и разнообразных сервисов, которые, как правило, предоставляют провайдеры. Существует очень важный вспомогательный элемент, который значительно облегчает процесс создания любого сайта и предназначается для общей настройки внешнего вида всех веб-страниц сайта одновременно. Такой элемент получил название CSS, именно ему будут посвящены следующие уроки.
CSS (Cascading Style Sheets) - это каскадные таблицы стилей, которые служат для управления дизайном web-страницы, и существенно увеличивают возможности работы над внешним видом страницы, а также упрощает сам процесс создания, редактирования и форматирования содержимого страницы. Отредактировав всего один файл, можно изменить внешний вид всех веб-страниц сайта под один шаблон, именно эту особенность таблицы стилей ценят веб-дизайнеры, ведь благодаря этому объем работы значительно уменьшается.
Таблицы стилей позволяют реализовать множество интересных возможностей. В основном их используют для:
- изменения внешнего вида текста и других объектов одновременно на всех веб-страницах сайта, без редактирования каждой страницы по отдельности;
- позиционирование и создание и создание анимационных эффектов для текста и других объектах на веб-страницах.
Стоит заметить, если у вас отсутствуют знания HTML, продолжать изучать уроки CSS не имеет смысла, поэтому рекомендуем вначале приступить к изучению HTML: Язык HTML
Типы таблиц стилей
Стиль можно применить к одному тегу, элементу, к одной веб-странице или к множеству веб-страниц на сайте. Это зависит от того, где находится его объявление.
- Один элемент. Можно определить стиль одного тега веб-страницы, который будет применяться только к его содержимому. Такие стили называют текстовыми и используют в тех случаях, когда встречаются элементы требующие специального форматирования.
Например ссылку можно покрасить в любой цвет задав стиль таким образом:
<a style="color:red" href="http://phantomx5.ucoz.ru/index/css_opredelenie/0-43"><b>Что такое CSS</b></a> , получим такой результат - Что такое CSS
- Одна веб-страница. В этом случае стиль задается в заголовке документа(в контейнере head, с помощью тега style), в котором он используется. Такой способ называется внедрением таблицы стилей и применяется когда сайт состоит из нескольких по-разному отформатированных страниц
- Множество веб-страниц. В данном случае используется файл с расширением css( например style.css), в котором хранятся все заданные стили. Ссылаться на этот файл может любое количество страниц сайта, такой способ называется внешней таблицей стилей. Применяется при большом количестве веб-страниц, которые требуют одинакового форматирования.
Если сравнивать типы таблиц стилей, то в первом случае придется задавать цвет каждому фрагменту отдельно с помощью параметра style, при этом актуальность CSS пропадает. Во-втором случае к каждой веб-странице необходимо добавлять отдельную таблицу стилей, что также займет много времени. Именно поэтому рекомендуется использовать внешние таблицы стилей, их всегда можно подключить к необходимой веб-странице.
Понять таблицы стилей css будет легче чем HTML, ведь их количество намного меньше, чем html тегов. Главное понять как связать html и css. Далее рассмотрим как подключить внешние таблицы стилей СSS - Подключение CSS
|
R598551293139
