Наука + Бизнес = $$$

Карта Сайта

Среда, 13.12.2017, 08:36
Приветствуем Вас Гость
Главное Меню
Помощь Сайту
Информационная:
Пожалуйста, расскажите о нас друзьям и сделайте репост:

Финансовая:
Если этот сайт вам помог, будем благодарны за любую финансовую помощь:
R598551293139

Урок №1: Что такое CSS

 Что такое 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


Форма входа
Поиск по сайту
Полезные Сайты
Счетчики
Счетчик PR-CY.Rank
Подписка на обновления
Ваш e-mail: *
Ваше имя: *
Контакты
PhantomX5 © 2014-2017Пишем нам: PhantomX5@mail.ru