CSS/Введение: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Строка 1:
Рад, что вы решили разобраться с этой интереснейшей технологией CSS(Cascading Style Sheets).
'''[[wikipedia:каскадные таблицы стилей|CSS]]''' ({{lang-en|Cascading Style Sheets}}), или каскадная таблица стилей, которая используются для описания визуального стиля и представления документа, чаще всего веб-сайта. Одна из целей CSS является разделение представления документа из структуры и содержания (хотя можно вставлять CSS внутри структуры) и [[wikipedia:W3C|W3C]] рекомендации. Разделение стиля от структуры и содержания увеличивает ремонтопригодность для автора(ов) документа, а также доступность для аудитории. CSS обычно применяется на [[wikipedia:HTML|HTML]], [[wikipedia:XHTML|XHTML]] и [[wikipedia:XML|XML]] документах, хотя вполне возможно, хотя и редко, применять его к другим видам документов.
 
Каскадные таблицы стилей открывают совершенно новые возможности в веб-дизайне. Сделать качественный дизайн без их использования очень проблематично.
CSS является одним из способов описания "стилей" - цвета, шрифты, расположение и другие "презентацонные" аспекты документа. В одном файле CSS можно описать общий "стиль", который будет применен ко многим HTML, XHTML, и XML-документам (которые описывают содержание и структуру элементов каждого документа). Обычно конкретный элемент в файле XHTML имеет "Каскадное" правило CSS стилей, которые могут быть применены к нему. Высокий приоритет правила стиля применяется к каждому элементу.
 
Но самое важное то, что используя CSS вы экономите себе уйму времени. Ведь с помощью одного маленького файла стилей, вы можете управлять дизайном сотни,тысячи и даже миллиона страниц, и это очень увлекает…
== Зачем использовать CSS? ==
 
Это не справочник, здесь все написано скорее разговорным языком :) Этот учебник поможет Вам с изучением таблиц стилей.
Почему я хочу использовать CSS, а не что-то еще?
Только учтите, что изучать CSS без знания HTML практически невозможно, и поэтому если вы еще не знакомы с ним, прочитайте для начала учебник html .
 
Примеры в учебнике построены следующим образом: я показываю только код таблицы стилей, а сам исходный код html файла не показываю. ЭТо делается потому, что иначе обьем учебника будет слишком огромный. Так что если вам нужно, смотрите исходный html код просто нажав на примере правой кнопкой мыши и выбрав пункт - Просмотр html-кода .
CSS представляет собой мощный инструмент, который дает веб-разработчикам гибкость и модульность на уровне представления о веб-сайте.
 
==Что понадобится нам для обучения?==
CSS позволяет вам иметь''все правила'' формата, определенном для последующего использования (здесь "формат" означает, как вещи в печати). Так что если вы пишете большой сайт, и вы хотите надлежащий вид каждому заголовку, подзаголовку, как пример кода, как выравниваются абзацы, (Я мог бы продолжать, CSS охватывает широкий спектр вариантов презентации).
 
Для обучения нам понадобятся браузер(в котором вы просматриваете веб-страницы) и обычный блокнот ( можно найти здесь :Пуск-программы-стандартные-блокнот). Есть конечно и более автоматизированные программы (Dreamweaver, FrontPage и др.) но они подходят больше для работы, а не для обучения, и могут только навредить…
Скажем, у вас есть 1200-страничный сайт, который создавали вы месяцы. Ваш босс говорит, чтобы вы изменили размер шрифта, фон, вид таблиц и т.д. везде на 1200-страницах сайта в соответствии с новой корпоративной политикой. Если ваш сайт разработан соответственно с CSS, вы можете сделать это, отредактировав один [[CSS/Применение CSS для HTML и XHTML|связанный]] CSS-файл, в котором ''весь'' ваш внешний вид (формат) правила в одном месте. Или вы могли усложнить свой труд и править все 1200 страниц сайта. Используя CSS, изменения могут быть сделаны быстро и легко, просто, отредактировав несколько правил и линий в глобальной таблице стилей. Перед использованием CSS эти изменения было делать более сложнее, дорого и занимало очень много времени.
 
==Какие еще будут советы?==
Некоторые серверные системы шаблонов можно в значительной степени используется для той же цели. В отличие от CSS, они чаще всего отдельные структуры от содержания, а не представление от структуры, что делает его гораздо более трудным для пользователей, которые хотят, чтобы отключить или игнорировать стили.
 
При обучении, уделяйте больше времени практике. Работайте с примерами, просто возьмите и наберите вручную(а не копировать-вставить!) текст такой же, как в примере и посмотрите на свой результат! Так и интересней будет, и толку гораздо больше…
Ну что ж, давайте потихоньку начинать!
 
[[Категория:CSS]]