DesignJunkie.ru - Видеоуроки, Шаблоны, Photoshop, КНИГИ / УЧЕБНИКИ, Фотографии, Креатив, Графика

open

Добавить в закладки

 
 

Присоединяйся!

« Подписывайтесь на видеоуроки!

Оставайтесь на связи

 страница на фейсбук
  rss to mail
 группа вконтакте
 rss лента новостей
 следите за нами в twitter
 контакты
 feedburner лента новостей  помочь сайту

ГЛАВНАЯ

toggle shelf

Авторизация






Забыли пароль?
Ещё не зарегистрированы? Регистрация

Комментируют:

  • admin
    10
  • Abe
    5
  • semalion
    3
  • vipeakdrobilka
    2
  • CFIFok
    2

Новые комментарии:

RSS

Есть вопросы?

 

Популярные теги

Голосование

Что нужно сайту?

Введение в CSS PDF Печать E-mail
Автор Administrator   
01.04.2011 г.



Изучаем 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


Похожие новости:
Последние новости:
Старые новости:

 
 

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

Яндекс.Метрика

партнеры: Дешевые гостиницы Москвы Павелецкая. Дешевые гостиницы в Москве Воробьевы Горы.