Свежее на сайте:

Вопросы (FAQ)

СТАТЬИ Administrator 17098 Hits
Популярные вопросы от новичков

О графическом редакторе Adobe Photoshop CS6

СТАТЬИ Administrator 27377 Hits 1 Comments
ВСЯ ПРАВДА О ADOBE PHOTOSHOP CS6 Краткое описаниеПрежде, чем мы начнем описание, хотелось бы отметить, что…
показать все

Введение в CSS

E-mail

Close

Изучаем CSS - Уроки верстки сайтов

HTML задает основную структуру веб-страницы, а также указывает, какие элементы на ней присутствуют. Само оформление веб-страницы, положение и вид элементов возложен на стили или CSS (Cascading Style Sheets, каскадные таблицы стилей). Когда говорят о вёрстке веб-страниц, подразумевается синергия HTML и CSS. Что такое синергия? Сам HTML не представляет отдельного интереса, в силу своей простоты и ограниченности. Также и CSS не играет отдельной роли, поскольку привязывается к определенным элементам кода и задает их оформление.



Поэтому работая вместе в одной связке, они превращают скромную страницу в тот документ, который придумал и нарисовал
дизайнер. Такое взаимное усиление свойств, суммирующий эффект и является синергией. Любая веб-страница это, по сути, комбинация HTML-кода и CSS-кода. Без основных знаний этих технологий не получится грамотно сверстать ни один документ. Поэтому первая глава посвящена основам CSS и его применению на практике. Если вы считаете, что это уже вам известно, можете
пропустить эту главу и перейти к следующей.

Что такое стили?

Стили представляют собой набор параметров, управляющих видом и положением элементов веб-
страницы. Чтобы стало понятно, о чем идет речь, посмотрим на рис. 1.1.

Введение в CSS - уроки создания сайтов
Рис. 1.1. Веб-страница, созданная только на HTML

Это обычная веб-страница, оформленная без всяких изысков. Тот же самый документ, но уже с добавлением стилей приобретает совершенно иной вид (рис. 1.2).

Введение в CSS - уроки создания сайтов
Рис. 1.2. Веб-страница, созданная на HTML и CSS

Перемена разительна, поэтому заглянем в код, чтобы понять, в чем же разница (пример 1.1).

Введение в CSS - уроки создания сайтов
Сам код HTML никаких изменений не претерпел и единственное добавление — это строка <link rel="stylesheet" href="/style.css" type="text/css" />. Она ссылается на внешний файл с описанием стилей под именем style.css. Содержимое этого файла показано в примере 1.2.

Введение в CSS - уроки создания сайтов

В файле style.css как раз и описаны все параметры оформления таких тегов как <body>, <h1> и <p>.
Заметьте, что сами теги в коде HTML пишутся как обычно. Поскольку на файл со стилем можно ссылаться из любого веб-документа, это приводит в итоге к сокращению объема повторяющихся данных. А благодаря разделению кода и оформления повышается
гибкость управления видом документа и скорость работы над сайтом.

источник: designjunkie.ru

Комментарии:

У Вас недостаточно прав для добавления комментариев.
Возможно, Вам необходимо зарегистрироваться на сайте или пройти авторизацию.

КОММЕНТАРИИ

You are here СТАТЬИ - Введение в CSS